JavaScript implements text box restriction input strength sharing-JS Tutorial-php.cn

JavaScript implements text box restriction input strength sharing

巴扎黑

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

Original

1350 people have browsed it

为大家分享的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>

Copy after login

运行效果图：

下面再给大家补充一些：

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

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

Copy after login

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

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

Copy after login

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

The above is the detailed content of JavaScript implements text box restriction input strength sharing. For more information, please follow other related articles on the PHP Chinese website!