input禁⽌输⼊特殊字符的四种实现⽅式
<span >昨天项⽬搜索的时候报错，蛋疼的是⽣产库中的，看了下⽇志，原因是⽤户搜索的时候输⼊了特殊字符，没办法最快捷的办法是直接把⽤户输⼊的数据进⾏筛选，去掉特殊有些特殊字符传⼊到后台是会产⽣错误的有可能会sql注⼊，所以从根本上拦截
下⾯⼀起探讨下input禁⽌输⼊特殊字符的⽅式：
⽅式⼀：拿到value值以后在你传递之前处理
function stripscript(value) {
var pattern = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>/?~！@#￥……&*（）——|{}【】‘；：”“'。，、？]")
var rs = "";
for (var i = 0; i < value.length; i++) {
rs = rs+s.substr(i, 1).replace(pattern, '');
}
return rs;
}
直接调⽤这个函数即可。
⽅式⼆：从最根本上也就是提⽰⽤户输⼊不了特殊字符
function showKeyPress(evt) {
evt = (evt) ? evt : window.event
return checkSpecificKey(evt.keyCode);
}
function checkSpecificKey(keyCode) {
var specialKey = "[`~!#$^&*()=|{}':;',\\[\\].<>/?~！#￥……&*（）——|{}【】‘；：”“'。，、？]‘'";//Specific Key list
input框禁止输入
var realkey = String.fromCharCode(keyCode);
var flg = false;
flg = (specialKey.indexOf(realkey) >= 0);
if (flg) {
// alert('请勿输⼊特殊字符: ' + realkey);
return false;
}
return true;
}
使⽤：在input控件上加⼊事件根本没反应
这个好像有点⼩问题中⽂状态下没反应不知道怎么回事所以⼜了⼀种
⽅式三：onkeyup事件拿到以后去匹配跟⽅式⼀类似
function ValidateValue(textbox) {
var IllegalString = "[`~!#$^&*()=|{}':;',\\[\\].<>/?~！#￥……&*（）——|{}【】‘；：”“'。，、？]‘'";
var textboxvalue = textbox.value;
var index = textboxvalue.length - 1;
var s = textbox.value.charAt(index);
if (IllegalString.indexOf(s) >= 0) {
s = textboxvalue.substring(0, index);
textbox.value = s;
}
}
使⽤： onkeyup = "ValidateValue(this)" 他会输⼊以后会⽴马消失，⽤户是可以看得到我输⼊的只是说输⼊以后就没了，弊端是连续输⼊就不会消失了（按住不动）
接下来最⽜逼的⼀种中和以上⽅式
⽅式四：直接在控件上使⽤正在
// <input /[\W]/g,'') "/[^\d]/g,''))">
// 控制输⼊框只能输⼊⽂字或数字，也可以不允许输⼊特殊字符这⾥不允许输⼊如下字符: (像 !@#$%^&* 等)<br>
这种⽅式⽤户可以看到输⼊了会⽴马消失跟⽅式三差不多但连续输⼊是有效的
下⾯看下js⾥⾯判断输⼊的字符不可为特殊字符：
⼀、keypress事件是当输⼊⼀个字符的时候就进⾏校验，校验时执⾏函授showKeyPress，返回true的时候可输⼊，false不可输⼊。
⼆、evt = (evt) ? evt : window.event，是按下键盘就产⽣此事件获得你键⼊的值（是键盘的keyCode）。
var realkey = String.fromCharCode(keyCode);
String.fromCharCode()⽅法是把键盘值（keyCode）转换成你真实输⼊的值。
三、⽅法specialKey.indexOf(realkey)：
.indexOf()是String的⽅法，字符串的IndexOf()⽅法搜索在该字符串上是否出现了作为参数传递的字符串，如果到字符串，则返回字符的起始位置 (0表⽰第⼀个字符,1表⽰第⼆个字符依此类推)如果说没有
到则返回 -1
四、var specialKey = "#$%\^*\'\"\+";
这⾥是带转义符的字符串，#、$、%、^、*、'、"、+ 这些符号是特殊符号，其中前⾯带\的是需要转义的。
如果要在当个⽂本框中加限制输⼊特殊符号，⽤<input type="text" id="name" onkeypress="showKeyPress()">
以上所述是⼩编给⼤家介绍的input 禁⽌输⼊特殊字符的四种实现⽅式，希望对⼤家有所帮助，如果⼤家有任何疑问请给我留⾔，⼩编会及时回复⼤家的。在此也⾮常感谢⼤家对⽹站的⽀持！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。