几个常用的限制input输入框内容的方法

泰山日出天色略显昏暗,放眼望去,寂寥晨星下面是一片静止的山势般起伏的云海,在茫茫的夜色下,象极了远处同样黑魆魆的山峰。

闲着没事收集了几个利用 JS 脚本控制html input 元素输入内容类型的方法,各位有需要的可以拿走。都测试过了。

限制input输入内容类型的方法

1、input 只能输入数字

<input onkeyup="value=value.replace(/[^\d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

2、input只能输入数字,两位小数以及中文

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

3、input只能输入数字,英文字母以及小数点

<input onkeyup="value=value.replace(/[^\w\.\/]/ig,'')">

4、input只能输入数字,英文字母

<input type="text" onkeyup="value=value.replace(/[\W]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" />

5、input只能输入数字,中文

<input type="text" onkeydown="if(event.keyCode==13)event.keyCode=9" onkeypress="if ((event.keyCode<48 || event.keyCode>57)) event.returnValue=false" />

6、input只能输入中文

<input type="text" onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9" />

7、input禁止输入数字

<input onkeyup="value=value.replace(/[\d]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))" >

到此这篇关于几个常用的限制input输入框内容的方法就介绍到这了。第一个青春是上帝给的;第二个的青春是靠自己努力的。更多相关几个常用的限制input输入框内容的方法内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
JS获取鼠标点击时的位置

JS获取URL参数

Ajax跨域问题及解决方案(jsonp,cors)

ajax动态加载json数据并详细解析

ajax从JSP传递对象数组到后台的方法