js限制输入框只能输入数字

发布时间:2020-11-13编辑:脚本学堂
分享下js限制输入框中只能输入数字的方法,包括整数与小数,分享几个例子,有需要的朋友参考下。

使用正则表达式限制输入框只能输入数字:
 

复制代码 代码示例:
<input type="text" onkeyup="this.value=this.value.replace(/[^d]/g,'') " onafterpaste="this.value=this.value.replace(/[^d]/g,'') " name="f_order" value="1"/>

其中,onafterpaste防止用户从其它地方copy内容粘贴到输入框。

1,输入框只能输入字母和下横线的正则表达式
 

复制代码 代码示例:
<input onkeyup="this.value=this.value.replace(/[^_a-zA-Z]/g,'')" onpaste="this.value=this.value.replace(/[^_a-zA-Z]/g,'')">

2,输入框只能输入字母数字和下横线的正则表达式
 

复制代码 代码示例:
<input onkeyup="this.value=this.value.replace(/[^w]/g,'')" onpaste="this.value=this.value.replace(/[^w]/g,'')">

<input onkeyup="this.value=this.value.replace(/[W]/g,'')" onpaste="this.value=this.value.replace(/[W]/g,'')">
 

附,AS3 文字过滤
 

TextField.restrict = "此处为可输入的内容";
field.restrict = "^此处为禁止输入的内容";
restrict属性支持一些类似正则表达式的样式:
field.restrict = "a-zA-z"; //只允许大小字母
field.restrict = "a-zA-z "; //只允许字母和空格
field.restrict = "0-9"; //只允许数字
field.restrict = "^abcdefg"; //除了小写字母abcdefg不允许外,其它都允许
field.restrict = "^a-z"; //所有小写字母都不允许,但是,其它内容都允许,包括大写字母
field.restrict = "0-9^5"; //只允许数字,但5例外
让restrict字符包含具有特殊意义的字母(例如-和^):
field.restrict = "0-9-"; //允许数字和破折号
field.restrict = "0-9^"; //允许数字和^
field.restrict = "0-9\"; //允许数字和反斜杠

也可以使用Unicode转义序列,指定允许的内容,例如:
 

复制代码 代码示例:
field.restrict = "^u001A";

注意,ActionScript有区分大小写的,如果restrict属性设为abc,允许字母的大写形式(A,B和C)输入时会变成小写对待形式(a,b和c),反之亦然。
restrict属性只影响用户可以输入的内容,脚本可将任何文本放入文本字段中。