Home  >  Article  >  Web Front-end  >  Detailed introduction to the html input box that can only enter numbers and alphanumeric combinations

Detailed introduction to the html input box that can only enter numbers and alphanumeric combinations

黄舟
黄舟Original
2017-04-24 10:00:343015browse

JS判断只能是数字和小数点

1.文本框只能输入数字代码(小数点也不能输入)

<input onkeyup="this.value=this.value.replace(/\D/g,&#39;&#39;)" onafterpaste="this.value=this.value.replace(/\D/g,&#39;&#39;)">

2.只能输入数字,能输小数点.

<input onkeyup="if(isNaN(value))execCommand(&#39;undo&#39;)"
onafterpaste="if(isNaN(value))execCommand(&#39;undo&#39;)">
<input name=txt1 onchange="if(/\D/.test(this.value)){alert(&#39;只能输入数字&#39;);this.value=&#39;&#39;;}">

3.数字和小数点方法二

<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.只能输入字母和汉字

<input onkeyup="value=value.replace(/[\d]/g,&#39;&#39;) 
"onbeforepaste="clipboardData.setData(&#39;text&#39;,clipboardData.getData(&#39;text&#39;).replace(/[\d]/g,&#39;&#39;))" maxlength=10 name="Numbers">

5.只能输入英文字母和数字,不能输入中文

<input onkeyup="value=value.replace(/[^\w\.\/]/ig,&#39;&#39;)">

6.只能输入数字和英文a74ca2fbc206b6262842a980ca1455d5chune6e38b3c62e8df885fe2e3986461aa63

<input onKeyUp="value=value.replace(/[^\d|chun]/g,&#39;&#39;)">

7.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:

<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false">

8.小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:

<input onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,&#39;$1$2.$3&#39;)">

输入中文:  

<input type="text" onkeyup="this.value=this.value.replace(/[^\u4e00-\u9fa5]/g,&#39;&#39;)">

输入数字:  

<input type="text" onkeyup="this.value=this.value.replace(/\D/g,&#39;&#39;)">

输入英文:  

<input type="text" onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,&#39;&#39;)">

三个合在一起  

<input onkeyup="value=value.replace(/[^\w\u4E00-\u9FA5]/g, &#39;&#39;)">

只输入数字和字母  

<input class=input maxLength=12 size=15 name=username id="username" onKeyUp="value=value.replace(/[\W]/g,&#39;&#39;)">

除了英文的标点符号以为 其他的人都可以中文,英文字母,数字,中文标点

<input type="text" onkeyup="this.value=this.value.replace(/^[^!@#$%^&*()-=+]/g,&#39;&#39;)">

The above is the detailed content of Detailed introduction to the html input box that can only enter numbers and alphanumeric combinations. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn