您现在的位置: 万盛学电脑网 >> 程序编程 >> 网络编程 >> 编程语言综合 >> 正文

javascript如何限制文本框输入值的类型

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 这篇文章主要介绍了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); document.write('http://www.jinandiannaoweixiu.com/'); </script> </body> </html>

===============样例代码结束======

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