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

前端技术 2023/09/06 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程序设计有所帮助。

本文地址：https://www.stayed.cn/item/16410

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案