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

2024-05-06 16:19:34

字体：大中小

来源：转载

供稿：网友

这篇文章主要介绍了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>