js控制⽂本框禁⽌输⼊特殊字符详解
在开发难免遇到⼀些前端需要验证输⼊的数据是否合法的问题,收集分享在这⾥同学们使⽤,欢迎补充。
1.标签上直接替换⽅法:
JS 控制不能输⼊特殊字符
<input type="text"class="domain"onkeyup="this.value=place(/[^u4e00-u9fa5w]/g,'')";
this.value=place(/[^u4e00-u9fa5w]/g,'')
JS 控制⽂本框只能输⼊数字
<input onkeyup="place(/[^0-9]/g,'')" onpaste="place(/[^0-9]/g,'')" oncontextmenu = "place(/[^0-9]/g,'')">
JS 控制⽂本框只能输⼊数字、⼩数点
<input onkeyup="place(/[^\0-9\.]/g,'')" onpaste="place(/[^\0-9\.]/g,'')" oncon
textmenu = "place(/[^\0-9\.]/g,'')">
JS 控制⽂本框只能输⼊英⽂
<input onkeyup="place(/[^\a-\z\A-\Z]/g,'')" onpaste="place(/[^\a-\z\A-\Z]/g,'')" oncontextmenu = "place(/[^\a-\z\A-\Z]/g,'')">
JS 控制⽂本框只能输⼊英⽂、数字
<input onkeyup="place(/[^\a-\z\A-\Z0-9]/g,'')" onpaste="place(/[^\a-\z\A-\Z0-9]/g,'')" oncontextmenu = "place(/[^\a-\z\A-\Z0-9]/g,'')">
JS 控制⽂本框只能输⼊中⽂
<input onkeyup="place(/[^\u4E00-\u9FA5]/g,'')" onpaste="place(/[^\u4E00-\u9FA5]/g,'')" oncontextmenu = "place(/[^\u4E00-\u9FA5]/g,'')">
JS 控制⽂本框只能输⼊中⽂、英⽂、数字
<input onkeyup="place(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" onpaste="place(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" oncontextmenu = "place(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')"> JS 控制⽂本框只能输⼊中⽂、英⽂、数字、空格
<input onkeyup="place(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,'')" onpaste="place(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,'')" oncontextmenu = "place(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,'')"> JS 控制⽂本框只能输⼊中⽂、英⽂、数字、⼩数点
<input onkeyup="place(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')" onpaste="place(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')" oncontextmenu = "place(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')"> 2.输⼊之后⽴即清除:
//验证输⼊框内不能输⼊特殊字符,输⼊就⽴刻清除
function cleanSpelChar(th){
if(/["'<>%;)(&+]/.test(th.value)){
$(th).val(place(/["'<>%;)(&+]/,""));
}
}
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(/["'<>%;)(&+]/);
st(character)){
onpaste不能用inputif(document.all){
urnValue = false;
}else{
arguments.callee.caller.arguments[0].preventDefault();
}
}
}
以上就是本⽂的全部内容,希望本⽂的内容对⼤家的学习或者⼯作能带来⼀定的帮助,同时也希望多多⽀持!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论