首頁 > web前端 > js教程 > 主體

js正規表示式實作的各種驗證文字方塊輸入格式

不言
發布: 2018-08-15 18:00:01
原創
2372 人瀏覽過

這篇文章帶給大家的內容是關於js正規表示式實現的各種驗證文字方塊輸入格式,有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

不能為空白 

<input onblur="if(this.value.replace(/^ +| +$/g,&#39;&#39;)==&#39;&#39;)alert(&#39;不能为空!&#39;)">
登入後複製

只能輸入英文和數字

<input onblur="if(/[^0-9a-zA-Z]/g.test(value))alert(&#39;有错&#39;)">
<input onkeyup="value=value.replace(/[^0-9a-zA-Z]/g,&#39;&#39;)"/>
<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9]/g,&#39;&#39;)">
登入後複製

判斷字元由字母和數字,底線,點號組成.且開頭的只能是底線和字母 

/^([a-zA-z_]{1})([\w]*)$/g.test(str)
登入後複製

只能輸入數字

<input name="text" type="text" id="NewPage" onKeyUp="value=value.replace(/\D/g,&#39;&#39;)" onafterpaste="value=value.replace(/\D/g,&#39;&#39;)" >
登入後複製

只能輸入中文

<input type="text" onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,&#39;&#39;)">
登入後複製

#只能輸入英文

<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,&#39;&#39;)">
<input type="text" onkeyup="value=value.replace(/[^a-zA-Z]/g,&#39;&#39;)">
登入後複製

只能輸入中文、英文、數字、@符號和.符號

<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.]/g,&#39;&#39;)">
登入後複製

只允許輸入英文,不能貼上也無法彈出貼上選單

<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,&#39;&#39;)" onkeydown="fncKeyStop(event)" onpaste="return false" oncontextmenu = "return false"/>
登入後複製

只能輸入數字和點號(注意:在[^\d\.]裡的d不能寫成大寫D,否則就變成除了數字以外的所有字元)

<input name="price" type="text" size="8" maxlength="8" onkeyup="value=value.replace(/[^\d\.]/g,&#39;&#39;)" >
登入後複製

總而言之:先在裡輸入onkeyup="value=value.replace(/[^\X]/g,'')" 然後在(/[\X]/g, '')裡的X換成你想輸入的程式碼就可以了

中文:u4E00-u9FA5
數字:d、0-9
英文:a-z、A-Z
其它符號@,點或其它符號.也可以多個,用\隔開就行了.
例如:
中、英文和數字加@符號加點符號:\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.

若想在文字方塊裡不能右鍵彈出選單和不能貼上進複製的訊息的話就要在裡輸入

 onKeyDown="fncKeyStop(event)" onpaste="return false" oncontextmenu="return false;"
登入後複製

相關推薦:

正規表示式的JS驗證


############################################## js正規表示式驗證時間格式實例#########

以上是js正規表示式實作的各種驗證文字方塊輸入格式的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板