Limit input type (multiple methods)

Limit input type (multiple methods)
1. Only Chinese characters can be input and pasted
<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"><br/>

3. Only numbers can be entered and pasted
<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" /><br/>
5. Digital Script
<input onkeyup="if(/\D/.test(this.value)){alert('Only numbers can be entered');this.value='';}"><br/>

6. Only numbers and English can be entered
<input onkeyup="value=value.replace(/[\W]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"><br/>

8. Simple prohibition of inputting Chinese characters
<input style="ime-mode:disabled">Input method is not converted, but can be pasted<br/>

9. Enter numbers and decimal points
<input onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')" /><br/>

10. Only numbers and "-", for example, can be used when entering time
<input onkeyup="value=value.replace(/[^\w&=]|_/ig,'')" onblur="value=value.replace(/[^\w&-]|_/ig,'')" />

JS controls input character limit

The ENTER key moves the cursor to the next input box.

Copy code
The code is as follows:

<input onkeydown="if(event.keyCode==13)event.keyCode=9" > can only be Chinese
<input onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9"> Block input method <input style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9"> Only English and numbers can be entered
<input onkeyup="value=value.replace(/[/W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))" onkeydown="if(event.keyCode==13)event.keyCode=9"> Can only be numbers
<input onkeyup="value=value.replace(/[^/d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))">

Can only be displayed, not edited

Copy code
The code is as follows:

<input readonly value="can only be displayed, cannot be modified"> can only enter numbers, determine the value of the button
<script language=javascript>
function onlyNum()
{
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)||(event.keyCode==8)))
event.returnValue=false;
}
</script>
<input onkeydown="onlyNum();">

1. Only numeric codes can be entered in the text box (decimal points cannot be entered)
<input onkeyup="this.value=this.value.replace(//D/g,'')" onafterpaste="this.value=this.value.replace(//D/g,'')">

2. Only numbers can be entered, and decimal points can be entered.
<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">
<input name=txt1 onchange="if(//D/.test(this.value)){alert('Only numbers can be entered');this.value='';}">

3. Numbers and decimal point method 2

Copy code
The code is as follows:

<input type=text t_value="" o_value="" onkeypress="if(!this.value.match(/^[/+/-]?/d*?/.?/d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[/+/-]?/d+(?:/./d+)?)?$/))this.o_value=this.value" onkeyup="if(!this.value.match(/^[/+/-]?/d*?/.?/d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[/+/-]?/d+(?:/./d+)?)?$/))this.o_value=this.value" onblur="if(!this.value.match(/^(?:[/+/-]?/d+(?:/./d+)?|/./d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^/./d+$/))this.value=0+this.value;if(this.value.match(/^/.$/))this.value=0;this.o_value=this.value}">

4. Only letters and Chinese characters can be input
<input onkeyup="value=value.replace(/[/d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[/d]/g,''))" maxlength=10 name="Numbers">

5. Only English letters and numbers can be entered, Chinese characters cannot be entered
<input onkeyup="value=value.replace(/[^/w/.//]/ig,'')">

6. Only numbers and English can be entered
<font color="Red">chun</font>
<input onKeyUp="value=value.replace(/[^/d|chun]/g,'')">
7. There can be at most two digits after the decimal point (numbers and Chinese characters can be entered), and letters and operation symbols cannot be entered: <input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || //./d/d$/.test(value))event.returnValue=false">8. There can be at most two digits after the decimal point (numbers, letters, and Chinese characters can be entered), and operation symbols can be entered:
<input onkeyup="this.value=this.value.replace(/^(/-)*(/d+)/.(/d/d).*$/,'$1$2.$3')">
Only numbers, decimal points, addition, subtraction, and multiplication can be used.
9. Only numbers, decimal points, and negative numbers can be entered

Copy code
The code is as follows:

<input name="input" type="text" onkeyup="JHshNumberText(this)" id="title">

<script language="javascript" type="text/javascript">function JHshNumberText(a)
{
var fa="";
if(a.value.substring(0,1)=="-")
fa="-";
var str=(a.value.replace(/[^0-9.]/g,'')).replace(/[.][0-9]*[.]/, '.');
if (str.substring(0,1)==".")
str="0"+str;
a.value=fa+str;
}
</script>

1. To cancel the dotted box when the button is pressed, add the attribute value hideFocus or HideFocus=true in the input
<input type="submit" value="Submit" hidefocus="true" />

2. To read only the text box content, add the attribute value readonly in input
<input type="text" readonly />

3. Prevent the TEXT document from being cleared after going back (the style content can be used as a class reference)
<input type="text" style="behavior:url(#default#savehistory);" />

4. The ENTER key moves the cursor to the next input box
<input type="text" onkeydown="if(event.keyCode==13)event.keyCode=9" />

5. Only Chinese (flashing)
<input type="text" onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9" />

6. Only numbers (flashing)
<input type="text" onkeyup="value=value.replace(/[^/d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))" />

7. Only numbers (no flashing)
<input type="text" style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9" onkeypress="if ((event.keyCode<48 || event.keyCode>57)) event.returnValue=false" />

8. Only English and numbers can be entered (with flashing)
<input type="text" onkeyup="value=value.replace(/[/W]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))" />

9. Block input method
<input type="text" name="url" style="ime-mode: disabled" onkeydown="if(event.keyCode==13)event.keyCode=9" />

10. Only numbers, decimal points, and minus signs (-) can be entered (no flashing)
<input onkeypress="if (event.keyCode!=46 && event.keyCode!=45 && (event.keyCode<48 || event.keyCode>57)) event.returnValue=false" />

11. Only two decimal places or three decimal places can be entered (flashing)
<input type="text" maxlength="9" onkeyup="if(value.match(/^/d{3}$/))value=value.replace(value,parseInt(value/10)) ;value=value.replace(//./d*/./g,'.')" onkeypress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 && event.keyCode!=45 || value.match(/^/d{3}$/) || //./d{3}$/.test(value)) {event.returnValue=false}" />

<<:  A brief discussion on the correct approach to MySQL table space recovery

>>:  How to write the Nofollow tag and how to use it

Recommend

Causes and solutions for MySQL deadlock

The database, like the operating system, is a sha...

An article to understand operators in ECMAScript

Table of contents Unary Operators Boolean Operato...

mysql installer web community 5.7.21.0.msi installation graphic tutorial

This article example shares the specific code for...

Linux method example to view all information of the process

There is a task process on the server. When we us...

5 ways to determine whether an object is an empty object in JS

1. Convert the json object into a json string, an...

Detailed tutorial on installation and configuration of nginx under Centos7

Note: The basic directory path for software insta...

Common CSS Errors and Solutions

Copy code The code is as follows: Difference betw...

Vue uses the Element el-upload component to step on the pit

Table of contents 1. Basic Use 2. Image quantity ...

Detailed explanation of the usage of 5 different values ​​of CSS position

The position property The position property speci...

CSS text alignment implementation code

When making forms, we often encounter the situati...

Implementation steps of vue-element-admin to build a backend management system

Recently, when I was working on a conference heal...

CSS implements six adaptive two-column layout methods

HTML structure <body> <div class="w...