這篇文章主要介紹了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程序設計有所幫助。