文本框禁止输入特殊字符

 

文本框禁止输入特殊字符

今天在开发中，无意输入%，在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" onkeypress="showKeyPress()">