JS控制文本框禁止输入特殊字符_input禁止输入特殊字符的四种实现方式

昨天项目搜索的时候报错，蛋疼的是生产库中的，看了下日志，原因是用户搜索的时候输入了特殊字符，没办法最快捷的办法是直接把用户输入的数据进行筛选，去掉特殊字符。某些特殊字符传入后台会产生错误，可能导致sql注入，所以要想法从根本上拦截，接下来通过本文给大家介绍input 禁止输入特殊字符的方式，对input 禁止特殊字符知识感兴趣的朋友一起看下吧。

有些特殊字符传入到后台是会产生错误的 有可能会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;
}

方式二

从最根本上也就是提示用户输入不了特殊字符，在input控件上加入事件 根本没反应，这个好像有点小问题 中文状态下没反应 不知道怎么回事 所以又找了一种。

function showKeyPress(evt) {
    evt = (evt) ? evt : window.event
        return checkSpecificKey(evt.keyCode);
}

function checkSpecificKey(keyCode) {
    var specialKey = "[`~!#$^&*()=|{}´:;´,\[\].<>/?~！#￥……&*（）——|{}【】‘；：”“´。，、？]‘´";//Specific Key list
    var realkey = String.fromCharCode(keyCode);
    var flg = false;
    flg = (specialKey.indexOf(realkey) >= 0);
    if (flg) {
        // alert(´请勿输入特殊字符: ´   realkey);
        return false;
    }
    return true;
}
document.onkeypress = showKeyPress;

方式三

onkeyup事件 拿到以后去匹配 跟方式一类似，onkeyup = "ValidateValue(this)" 他会输入以后会立马消失，用户是可以看得到我输入的 只是说输入以后就没了，弊端是连续输入就不会消失了（按住不动），接下来最牛逼的一种 中和以上方式

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

方式四

直接在控件上使用正在，这种方式用户可以看到输入了会立马消失 跟方式三差不多 但连续输入是有效的

// <input /[W]/g,´´) "/[^d]/g,´´))">
// 控制输入框只能输入文字或数字，也可以不允许输入特殊字符 这里不允许输入如下字符: (像 !@#$%^&* 等)<br>

以上所述是小编给大家介绍的input 禁止输入特殊字符的四种实现方式，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！