文本框禁止输入特殊字符

 

文本框禁止输入特殊字符

今天在开发中，无意输入%，在Action中取值发现为空，经过查资料发现%和+是在输入后经过某些编码的，会将+转换成空，当你要在前面加上\转义符时才不会被转换。

继而今天的这些代码产生了。

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;

 

js里面判断输入的字符不可为特殊字符：
一、document.onkeypress事件是当输入一个字符的时候就进行校验，校验时执行函授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" οnkeypress="showKeyPress()">