当前位置: 首页 > 编程笔记 >

javascript限制文本框输入值类型的方法

皇甫飞宇
2023-03-14
本文向大家介绍javascript限制文本框输入值类型的方法,包括了javascript限制文本框输入值类型的方法的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了javascript限制文本框输入值类型的方法。分享给大家供大家参考。具体分析如下:

要求:所有的文本框,只能输入数字和小数点,其他的符号一概不能输入;

重点是我希望在用户输入时就做限制,而不是提交时判断——也就是说如果用户在文本框内输入数字或小数点,可以正常输入;如果输入字母等非数字字符,则文本框会没有任何反应,不会显示输入的字符。

<html>
<body>
<script>
var s = "<input type=\"text\" size=\"20\" " +
"style=\"text-align:center\" " +
"onkeydown=\"if(event.keyCode>57&&event.keyCode!=190) return false\" "+ 
//限制只能输入数字
"onblur=\"value=value.replace(/[^0-9\.]/g,'')\" " + 
//限制鼠标点击输入非数字
"onbeforepaste=\"clipboardData.setData(\"text\"," + 
//限制只能粘贴数字
"clipboardData.getData(\"text\").replace(/[^0-9\.]/g,''))\">";
document.write(s);
</script>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

 类似资料:
  • 本文向大家介绍js限制文本框只能输入数字方法小结,包括了js限制文本框只能输入数字方法小结的使用技巧和注意事项,需要的朋友参考一下 有时需要限制文本框输入内容的类型,本节分享下正则表达式限制文本框只能输入数字、小数点、英文字母、汉字等代码。 例如,输入大于0的正整数 <input onkeyup="if(this.value.length==1){this.value=this.value.rep

  • 本文向大家介绍jQuery实现限制textarea文本框输入字符数量的方法,包括了jQuery实现限制textarea文本框输入字符数量的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery实现限制textarea文本框输入字符数量的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的jQuery程序设计有所帮助。

  • 本文向大家介绍js限制文本框的输入内容代码分享(3类),包括了js限制文本框的输入内容代码分享(3类)的使用技巧和注意事项,需要的朋友参考一下 为大家分享的JavaScript限制文本框的输入内容代码如下 运行效果图: 下面再给大家补充一些: 小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号: 文本框只能输入数字代码(小数点也不能输入) 其实还可以限制其他内容,比如只能是字母,

  • 本文向大家介绍JS限制文本框只能输入数字和字母方法,包括了JS限制文本框只能输入数字和字母方法的使用技巧和注意事项,需要的朋友参考一下 限制只能输入数字 限制只能输入字母 限制只能输入数字和字母

  • 本文向大家介绍javascript文本框内输入文字倒计数的方法,包括了javascript文本框内输入文字倒计数的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了javascript文本框内输入文字倒计数的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的javascript程序设计有所帮助。

  • 本文向大家介绍3种Jquery限制文本框只能输入数字字母的方法,包括了3种Jquery限制文本框只能输入数字字母的方法的使用技巧和注意事项,需要的朋友参考一下 onlyNum(),onlyAlpha()和onlyNumAlpha()3个Jquery扩展方法 number.js letter.js number_letter.js use.js 以上方法均可实现项目要求,大家根据自己的具体需求自由选