javascript - 无法验证用户输入 - onkeyup 事件未触发

Question

我没有收到 Javascript 错误，但代码没有执行任何操作...

function registerValidator(target, validator) {
    var element = document.getElementById(target);
    if (element) {
        var validationID = element.id + "_validationResult";
        var validationSpan = document.createElement('span');
        validationSpan.id = validationID;

        element.parentNode.appendChild(validationSpan);

        element.onkeyup = function() {
            var result = validator(element);

            if (result.ok) {
                validationSpan.innerHTML = '<img src="/media/valid.gif" width="12" />';
            } else {
                validationSpan.innerHTML = '<img src="/media/invalid.gif" width="12" />';
                if (result.message) {
                    validationSpan.innerHTML += '<br />' + result.message;
                }
            }
        };
        alert(1);
    }
}

window.onload = function() {
    registerValidator('username', function(element) {
        var result = new Object();
        alert('validate');
        if (element.value.length >= 4) {
            result.ok = true;
        }
        else {
            result.ok = false;
            result.message = "Too short";
        }
        return result;
    });
    alert(2);
}

两个警报(1 和 2)已正确触发，但“验证”警报从未触发。该函数用于以下元素:

<input type="text" name="username" id="username" />

我已在 Google Chrome、Firefox 3 和 Internet Explorer 8 中尝试过此操作。

Answer 1

这里一切正常。请参阅测试页 http://ashita.org/StackOverflow/validator.html

<小时/>

您当前正在使用 element.onkeyup，它可能会被另一个脚本破坏。

尝试使用

if (element.addEventListener)
    element.addEventListener("keyup", validator,false);
else if (element.attachEvent) 
    element.attachEvent("onkeyup", validator);

引用文献:

• attachEvent http://msdn.microsoft.com/en-us/library/ms536343(VS.85).aspx
• addEventListener https://developer.mozilla.org/en/DOM/element.addEventListener