Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Einführung in das HTML-Eingabefeld, in das nur Zahlen und alphanumerische Kombinationen eingegeben werden können

Detaillierte Einführung in das HTML-Eingabefeld, in das nur Zahlen und alphanumerische Kombinationen eingegeben werden können

黄舟
黄舟Original
2017-04-24 10:00:343016Durchsuche

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;)">

Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in das HTML-Eingabefeld, in das nur Zahlen und alphanumerische Kombinationen eingegeben werden können. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn