在開發(fā)難免遇到一些前端需要驗(yàn)證輸入的數(shù)據(jù)是否合法的問題,收集分享在這里同學(xué)們使用,歡迎補(bǔ)充。
1.標(biāo)簽上直接替換方法:
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ù)點(diǎn)
<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ù)點(diǎn)
<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.輸入之后立即清除:
//驗(yàn)證輸入框內(nèi)不能輸入特殊字符,輸入就立刻清除 function cleanSpelChar(th){ if(/["'<>%;)(&+]/.test(th.value)){ $(th).val(th.value.replace(/["'<>%;)(&+]/,"")); } }3.如果是特殊字符,禁止輸入:
//驗(yàn)證輸入框內(nèi)不能輸入特殊字符,輸入前先作判斷 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(); } } }
新聞熱點(diǎn)
疑難解答
圖片精選