這篇文章主要介紹了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程序設計有所幫助。
新聞熱點
疑難解答
圖片精選
