js控制文本框禁止输入特殊字符详解

在开发难免遇到一些前端需要验证输入的数据是否合法的问题，收集分享在这里同学们使用，欢迎补充。

1.标签上直接替换方法：

JS 控制不能输入特殊字符

JS 控制文本框只能输入数字

JS 控制文本框只能输入数字、小数点

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

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

JS 控制文本框只能输入英文、数字

JS 控制文本框只能输入中文

JS 控制文本框只能输入中文、英文、数字

JS 控制文本框只能输入中文、英文、数字、空格

JS 控制文本框只能输入中文、英文、数字、小数点

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();   
}  
}
}

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助！