js控制文字框禁止輸入特殊字元__js

來源:互聯網
上載者:User

在開發難免遇到一些前端需要驗證輸入的資料是否合法的問題,收集分享在這裡同學們使用,歡迎補充。 1.標籤上直接替換方法:


JS 控制不能輸入特殊字元

1 <input type="text"class="domain"onkeyup="this.value=this.value.replace(/[^u4e00-u9fa5w]/g,'')";
2 this.value=this.value.replace(/[^u4e00-u9fa5w]/g,'')


 JS 控制文字框只能輸入數字

1 <input onkeyup="value=value.replace(/[^0-9]/g,'')" onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu = "value=value.replace(/[^0-9]/g,'')">
JS 控制文字框只能輸入數字、小數點
1 <input onkeyup="value=value.replace(/[^\0-9\.]/g,'')" onpaste="value=value.replace(/[^\0-9\.]/g,'')" oncontextmenu = "value=value.replace(/[^\0-9\.]/g,'')">


JS 控制文字框只能輸入英文

1 <input onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z]/g,'')">
JS 控制文字框只能輸入英文、數字
1 <input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')">



JS 控制文字框只能輸入中文

1 <input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onpaste="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" oncontextmenu = "value=value.replace(/[^\u4E00-\u9FA5]/g,'')">



JS 控制文字框只能輸入中文、英文、數字

1 <input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')">
JS 控制文字框只能輸入中文、英文、數字、空格
1 <input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,'')">
JS 控制文字框只能輸入中文、英文、數字、小數點
1 <input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')">



2.輸入之後立即清除:

//驗證輸入框內不能輸入特殊字元,輸入就立刻清除

1  function cleanSpelChar(th){     
2     if(/["'<>%;)(&+]/.test(th.value)){           
3     $(th).val(th.value.replace(/["'<>%;)(&+]/,""));     
4     } 
5 }

3.如果是特殊字元,禁止輸入:

//驗證輸入框內不能輸入特殊字元,輸入前先作判斷 

01 function processSpelChar(){     
02 var code;     var character;    
03  if(document.all){         
04     code = window.event.keyCode;     
05 }else{         
06     code = arguments.callee.caller.arguments[0].which;    
07  }     
08 var character = String.fromCharCode(code);     
09 var txt = new RegExp(/["'<>%;)(&+]/);    
10  if(txt.test(character)){         
11         if(document.all){             
12         window.event.returnValue = false;       
13       }else{            
14          arguments.callee.caller.arguments[0].preventDefault();       
15   }     
16 } 
17 }

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.