萬盛學電腦網 >> 網絡編程 >> 編程語言綜合 >> 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); document.write('http://www.jinandiannaoweixiu.com/'); </script> </body> </html>

===============樣例代碼結束======

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

上一頁:python實現逆波蘭計算表達式的方法
下一頁:lua中賦值類型代碼詳解

萬盛學電腦網

萬盛學電腦網 >> 網絡編程 >> 編程語言綜合 >> javascript如何限制文本框輸入值的類型

javascript如何限制文本框輸入值的類型

編程語言綜合排行

程序編程推薦

熱門文章

相關文章

圖片文章

一個老程序員的建議：你會什麼語言並不重要

兼容IE和火狐Firefox的JavaScript時間代碼

抓住用戶的設計：清晰的移動應用表單

vs2013怎麼顯示行號？

萬盛學電腦網 | 設為首頁 | 加入收藏