javascript - 为什么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;

dom结构：

  <input class="form-control" type="text" id="activityName" name="activityName" onkeypress="showKeyPress()" >

解决方案

<script type="text/javascript">
var specialKey = "「」[`~!#$^&*()=|{}':;',\\[\\].<>/?~！#￥……&*（）——|{}【】‘；：'。，、？]‘’". split('');
function keyup() {
     var value = document.getElementById('activityName').value;
     console.log(value)
     for (var i = 0; i < specialKey.length; i++) {
         if (value.indexOf(specialKey[i]) > -1) {
             document.getElementById('activityName').value = value.replace(specialKey[i], '');
             break;
         }
     }
}
</script>
<input class="form-control" type="text" id="activityName" name="activityName" onkeyup="keyup()" >

这篇关于javascript - 为什么input禁止特殊字符输入我这么做没有效果的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！