首页后端开发其他后端知识JS如何禁止input输入特殊字符

JS如何禁止input输入特殊字符

时间2024-03-28 10:32:03发布访客分类其他后端知识浏览1508
导读:这篇文章给大家分享的是“JS如何禁止input输入特殊字符”,文中的讲解内容简单清晰,对大家学习和理解有一定的参考价值和帮助,有这方面学习需要的朋友,接下来就跟随小编一起学习一下“JS如何禁止input输入特殊字符”吧。 昨天项目...
这篇文章给大家分享的是“JS如何禁止input输入特殊字符”,文中的讲解内容简单清晰,对大家学习和理解有一定的参考价值和帮助,有这方面学习需要的朋友,接下来就跟随小编一起学习一下“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 禁止输入特殊字符的四种实现方式,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

若资源对你有帮助、浏览后有很大收获、不妨小额打赏我一下、你的鼓励是维持我不断写博客最大动力

想获取DD博客最新代码、你可以扫描下方的二维码、关注DD博客微信公众号(ddblogs)

或者你也可以关注我的新浪微博、了解DD博客的最新动态:DD博客官方微博(dwtedx的微博)

如对资源有任何疑问或觉得仍然有很大的改善空间、可以对该博文进行评论、希望不吝赐教

为保证及时回复、可以使用博客留言板给我留言: DD博客留言板(dwtedx的留言板)

感谢你的访问、祝你生活愉快、工作顺心、欢迎常来逛逛


以上就是关于“JS如何禁止input输入特殊字符”的相关知识,感谢各位的阅读,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注网络,小编每天都会为大家更新不同的知识。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: JS如何禁止input输入特殊字符
本文地址: https://pptw.com/jishu/654881.html
Bootstrap实现table分页效果的方法有什么 用c语言编程实现三子棋的思路和代码是什么

游客 回复需填写必要信息