用js限制input文本框只能输入数字/字母/中文的方法小结

2017-09-28 建站知识 浏览 手机预览
文章来源:http://www.imtr.cn/html/n153.html

这篇文章主要分享js代码,限制文本框中只能输入数字的多个实例,学习js控制文本框中输入数字的方法,需要的朋友可以参考。

代码注解:
maxlength="" 该属性规定输入字段的最大长度(字符)
onpaste="" 事件在用户向元素中粘贴文本时触发
onkeyup="" 事件会在键盘按键被松开时发生


限制输入大于0的正整数,并且禁止粘贴:

<input onpaste="return false" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}">


只能输入数字代码(小数点也不能输入),禁止粘贴并且不能超过6位:

<input maxlength="6" onpaste="return false" onkeyup="value=value.replace(/[^\d]/g,'')">


只能输入数字和小数点:

<input onpaste="return false" onkeyup="value=value.replace(/[^\d\.]/g,'')">


只能输入字母和汉字:

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


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

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


只能输入数字和英文

<input onKeyUp="value=value.replace(/[^\d|a-zA-Z]/g,'')">


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

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


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

<input onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')">


原文地址:http://www.imtr.cn/html/n153.html
  • 如果你的问题还没有解决,可以点击页面右侧的“ ”,站长收到问题后会尽快回复解决方案到你的邮箱。
  • 创造始于问题,有了问题才会思考,有了思考,才有解决问题的方法,才有找到独立思路的可能。 —— 陶行知