js限制文本框输入值类型的方法
来源:绵阳动力网络公司  时间:2015-05-08  阅读:32

今天绵阳动力网络公司为大家介绍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>

 
  • 电话咨询

  • 0816-2318288