Heim > Web-Frontend > HTML-Tutorial > 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

黄舟
Freigeben: 2017-04-24 10:00:34
Original
3071 Leute haben es durchsucht

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

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

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

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;;}">
Nach dem Login kopieren

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}">
Nach dem Login kopieren

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">
Nach dem Login kopieren

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

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

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

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

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

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

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

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

输入中文:

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

输入数字:

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

输入英文:

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

三个合在一起

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

只输入数字和字母

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

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

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

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage