当前位置： 移动技术网 > IT编程>开发语言>JavaScript > input 禁止输入特殊字符

input 禁止输入特殊字符

2019年10月16日  | 移动技术网IT编程  | 我要评论

嘉峪关热线,亚宁近况家庭妻子,飞儿和阿沁

方式一：拿到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
var realkey = string.fromcharcode(keycode);
var flg = false;
flg = (specialkey.indexof(realkey) >= 0);
if (flg) {
// alert('请勿输入特殊字符: ' + realkey);
return false;
}
return true;
}
document.onkeypress = showkeypress;

使用：在input控件上加入事件  οnkeypress="showkeypress()"，他会输入的时候 根本没反应

 

这个好像有点小问题 中文状态下没反应 不知道怎么回事  所以又找了一种

方式三：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 οnkeyup="value=value.replace(/[\w]/g,'') "onbeforepaste="clipboarddata.setdata('text',clipboarddata.getdata('text').replace(/[^\d]/g,''))">
// 控制输入框只能输入文字或数字，也可以不允许输入特殊字符 这里不允许输入如下字符: (像 !@#$%^&* 等)<br>

这种方式用户可以看到输入了会立马消失 跟方式三差不多 但连续输入是有效的

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网