DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript限制文本框輸入值類型的方法
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>

希望本文所述對大家的javascript程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved