javascript - 尝试触发 Javascript onBlur 事件以进行表单验证得到空错误

Question

我正在尝试编写表单验证，以提醒用户如果他们在没有输入任何值的情况下移动到输入文本字段，每次我测试它时都会收到错误消息：

类型错误：名字为空

firstName.onblur = ValidateForm;

<script type="text/javascript">
    document.getElementById("firstname").onblur = ValidateForm; 

    function ValidateForm() {
        var firstName = document.getElementById("firstname");
        if(firstName.value == 0) {
                alert("You need to enter a value into the first name field bro");
                firstName.focus();
        }
    }
</script>

它在我使用时有效，window.onload = ValidateForm;但我想使用此事件处理程序尝试它

如何解决这个问题？

Answer 1

javascript代码看起来不错。确保您在...之后拥有 javascript。如果您在相关 HTML 片段之前声明您的事件处理程序，它可能在 firefox 中有效，但在 chrome 中无效。它还解释了为什么 window.load 在这种情况下有效。