javascript 基於Regex的文字框驗證代碼

來源:互聯網
上載者:User

1,不可為空
<input type="text" onblur="if(this.value.replace(/^ +| +$/g,'')=='')alert('不可為空!')">

2,只能輸入英文和數字
<input onblur="if(/[^0-9a-zA-Z]/g.test(value))alert('有錯')">
<input onkeyup="value=value.replace(/[^0-9a-zA-Z]/g,'')"/>
<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')">

3,判斷字元由字母和數字,底線,點號組成.且開頭的只能是底線和字母
/^([a-zA-z_]{1})([\w]*)$/g.test(str)

4,只能輸入數字
<input name="text" type="text" id="NewPage" onKeyUp="value=value.replace(/\D/g,'')" onafterpaste="value=value.replace(/\D/g,'')" >

5,只能輸入中文
<input type="text" onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')">

6,只能輸入英文
<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')">
<input type="text" onkeyup="value=value.replace(/[^a-zA-Z]/g,'')">

7,只能輸入中文、英文、數字、@符號和.符號
<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.]/g,'')">

8,只允許輸入英文,且不能粘貼也無法彈出粘貼菜單
<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')" 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,'')" >

總而言之:先在<input>裡輸入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\@\.

若想在文字框裡不能右鍵快顯功能表和不能粘貼進複製的資訊的話就要在<input>裡輸入 onKeyDown="fncKeyStop(event)" onpaste="return false" oncontextmenu="return false;"

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.