javascript - 在输入特殊字符并具有特定长度时验证文本框

Question

我有一个文本框。我必须验证特殊字符且长度最多为 15 个字符。我使用以下代码进行验证。

<input type="text" class="textFlag" onkeyup="ValidateFlagText(this)"/>


//function checks special character entry and total 15
//character checks
function ValidateFlagText(textBoxObj) {

     //skip events for space and control keys
    if (event.keyCode != 37 && event.keyCode != 39) {
        var originalValue = textBoxObj.value;
        var charCount = textBoxObj.value.length;

        if (!(!originalValue.match(/[_\W]/))) {
            alert("special characters not allowed");
            textBoxObj.value = originalValue.substring(0, charCount - 1);
        }

        if (charCount > 15) {
            alert("maximum 15 characters allowed");
            textBoxObj.value = originalValue.substring(0, charCount - 1);
        }

        textBoxObj.value = textBoxObj.value.substring(0, 15);
    }
}

这里的一个问题是我是否按住并按下。我创建了一个 fiddle 。 http://jsfiddle.net/mnsscorp/QGRHP/6/

提前致谢。

Answer 1

根据 this在 MDN 上，“自动重复”(当您按住某个键时会发生这种情况)会触发事件:keydown、keypress、keydown、keypress……最后是 keyup。

如果您想检查每个新字符的长度，请更改您的标记以收听 keydown 或 keypress。