在開發難免遇到一些前端需要驗證輸入的資料是否合法的問題,收集分享在這裡同學們使用,歡迎補充。 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(/["'<>%;)(&+]/,"")); |
3.如果是特殊字元,禁止輸入:
//驗證輸入框內不能輸入特殊字元,輸入前先作判斷
| 01 |
function processSpelChar(){ |
| 02 |
var code; var character; |
| 04 |
code = window.event.keyCode; |
| 06 |
code = arguments.callee.caller.arguments[0].which; |
| 08 |
var character = String.fromCharCode(code); |
| 09 |
var txt = new RegExp(/["'<>%;)(&+]/); |
| 10 |
if(txt.test(character)){ |
| 12 |
window.event.returnValue = false; |
| 14 |
arguments.callee.caller.arguments[0].preventDefault(); |