js控制文本框禁止輸入特殊字符詳解

更新時間：2017年04月07日 15:06:24 作者：自成e家

本文主要介紹了js控制文本框禁止輸入特殊字符的相關知識。具有很好的參考價值。下面跟著小編一起來看下吧

在開發(fā)難免遇到一些前端需要驗證輸入的數(shù)據(jù)是否合法的問題，收集分享在這里同學們使用，歡迎補充。

1.標簽上直接替換方法：

JS 控制不能輸入特殊字符

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

this.value=this.value.replace(/[^u4e00-u9fa5w]/g,'')

JS 控制文本框只能輸入數(shù)字

<input onkeyup="value=value.replace(/[^0-9]/g,'')" onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu = "value=value.replace(/[^0-9]/g,'')">

JS 控制文本框只能輸入數(shù)字、小數(shù)點

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

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

<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 控制文本框只能輸入英文、數(shù)字

<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 控制文本框只能輸入中文

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

JS 控制文本框只能輸入中文、英文、數(shù)字

<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 控制文本框只能輸入中文、英文、數(shù)字、空格

<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 控制文本框只能輸入中文、英文、數(shù)字、小數(shù)點

<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.輸入之后立即清除：

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

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

}

3.如果是特殊字符，禁止輸入：

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

function processSpelChar(){   
var code;   var character;  
 if(document.all){     
  code = window.event.keyCode;   
}else{     
  code = arguments.callee.caller.arguments[0].which;  
 }   
var character = String.fromCharCode(code);   
var txt = new RegExp(/["'<>%;)(&+]/);  
 if(txt.test(character)){     
    if(document.all){       
    window.event.returnValue = false;    
   }else{      
     arguments.callee.caller.arguments[0].preventDefault();    
 }   
} 
}

以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！

您可能感興趣的文章:

Javascript 兩種刷新方法以及區(qū)別和適用范圍
這篇文章主要介紹了Javascript 兩種刷新方法以及區(qū)別和適用范圍的相關資料,需要的朋友可以參考下
2017-01-01
JavaScript canvas實現(xiàn)鏡像圖片效果
這篇文章主要為大家詳細介紹了JavaScript canvas實現(xiàn)鏡像圖片效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-08-08
js操作iframe兼容各種主流瀏覽器示例代碼
遇到了操作iframe的相關問題，其實就是在操作iframe內部某個窗體時，調用父窗體的一個函數(shù)，下面與大家分享下操作iframe兼容各種瀏覽器的方法
2013-07-07
純Javascript實現(xiàn)Windows 8 Metro風格實現(xiàn)
Windows 8 Metro風格設計，實現(xiàn)網(wǎng)站或系統(tǒng)功能的導航，在本文將為大家介紹下如何用純Javascript實現(xiàn)Windows 8 Metro風格，感興趣的朋友可以參考下
2013-10-10
JavaScript判斷瀏覽器對CSS3屬性是否支持的多種方法
其實在使用css3的一些屬性時，為了兼顧低端瀏覽器對CSS3的不友好性，往往需要知道某些瀏覽器是否支持要使用的CSS3屬性，以此來做向下適配。比如常見的CSS3動畫就很有必要檢測瀏覽器是否支持。下面本文就分享了幾種方法，有需要的朋友們可以參考借鑒。
2016-11-11
js實現(xiàn)百度登錄框鼠標拖拽效果
這篇文章主要為大家詳細介紹了js實現(xiàn)百度登錄框鼠標拖拽效果的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-03-03
禁止JS運行的代碼
如果我們要讓頁面上的javascript不運行，方法最簡單的就是使用noscript標簽，經(jīng)常被用來屏蔽那些免費空間要加上的JS。
2011-01-01
JavaScript Alert通用美化類
只有msg是必須的，后面的參數(shù)可以省略。如果中間的參數(shù)為空則在對應位置上''或者""表示（根據(jù)實際情況選擇單雙引號）調用此方法須在每個使用的頁面的head區(qū)域加入下面代碼。
2009-11-11
詳解javascript中原始數(shù)據(jù)類型Null和Undefined
這篇文章主要介紹了javascript中原始數(shù)據(jù)類型Null和Undefined的相關資料,需要的朋友可以參考下
2015-12-12
JS傳參及動態(tài)修改頁面布局
本篇文章主要介紹了JS傳參及動態(tài)修改頁面布局的相關知識。具有很好的參考價值。下面跟著小編一起來看下吧
2017-04-04