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

這種方式用戶可以看到輸入了會立馬消失 跟方式三差不多 但連續輸入是有效的