JavaScript implementiert die gemeinsame Nutzung der Eingabestärke für Textfeldeinschränkungen-js-Tutorial-php.cn

JavaScript implementiert die gemeinsame Nutzung der Eingabestärke für Textfeldeinschränkungen

巴扎黑

Freigeben： 2018-05-11 11:15:12

Original

1400 Leute haben es durchsucht

为大家分享的JavaScript限制文本框的输入内容代码如下

&lt;style type="text/css">
&lt;!--
.STYLE1 {
 color: #0099FF;
 font-weight: bold;
 font-size: x-large;
}
-->
&lt;/style>
&lt;p> &lt;/p>
&lt;p> &lt;/p>
&lt;p> &lt;/p>
&lt;p> &lt;/p>
&lt;p> &lt;/p>
&lt;p> &lt;/p>
&lt;p> &lt;/p>
&lt;p align="center" class="STYLE1">亲，试试效果吧！&lt;/p>
&lt;p align="center">&lt;strong>请输入数字或字母&lt;/strong>：
 &lt;input onkeyup="value=value.replace(/[W]/g,"") "onbeforepaste="clipboardData.setData("text",clipboardData.getData("text").replace(/[^d]/g,""))">
&lt;/p>
&lt;p align="center">&lt;strong>请输入数字，只能输入数字哦&lt;/strong>：
 &lt;input onkeyup="value=value.replace(/[^d]/g,"") "onbeforepaste="clipboardData.setData("text",clipboardData.getData("text").replace(/[^d]/g,""))">
&lt;/p>
&lt;p align="center">&lt;strong>请输入汉字，只能输入汉字哦&lt;/strong>：
 &lt;input onkeyup="value=value.replace(/[^u4E00-u9FA5]/g,"")" onbeforepaste="clipboardData.setData("text",clipboardData.getData("text").replace(/[^u4E00-u9FA5]/g,""))">
&lt;/p>

Nach dem Login kopieren

运行效果图：

下面再给大家补充一些：

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

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

Nach dem Login kopieren

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

&lt;
input onkeyup="this.value=this.value.replace(//D/g,"")" onafterpaste="this.value=this.value.replace(//D/g,"")">

Nach dem Login kopieren

其实还可以限制其他内容，比如只能是字母，大家可以尝试一些其他的。

Das obige ist der detaillierte Inhalt vonJavaScript implementiert die gemeinsame Nutzung der Eingabestärke für Textfeldeinschränkungen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!