JavaScript 表单验证 : Why does the first work but the second doesn't?

Question

我有以下表格:

<form action="next.html" id="userInput" method="post" onsubmit="return validate();">
     Age: <input type="text" name="age" id="age"/>


function validate() {
            var age = document.getElementById("age").value;

            if(age > 100 || age < 0) {

                alert("Age must be within 0 and 100");
                return false;
            } else {
                return true;
            }

        }

这可以正常工作。如果我在年龄文本框中输入一个大于 100 的数字，它将显示错误消息并停留在当前表单页面。

但是，如果我使用如下所示的变量 errorMessage 来显示警报框，则它不起作用。它将进入下一页，而不会弹出警报错误消息。

function validate() {
            var age = document.getElementById("age").value;

            var errorMessage="";
            if(age > 100 || age < 0) {
                errorMessage = "Age must be within 0 and 100";
            }


            if( errorMessage !== "" )
                alert(errorMessage);
                return false;
            } else {
                return true;
            }
        }

那么为什么第一个有效但第二个无效？

Answer 1

我发现条件后缺少左大括号。代码应该是:

    if( errorMessage !== "" ){
        alert(errorMessage);
        return false;
    } else {
        return true;
    }