在javascript中验证表单的更好方法

Question

我有一个带有按钮的HTML表单,单击该按钮时,它将检查字段是否为空.这是我的代码的一部分,它进行验证(它的工作原理):

var errorMessage ="";
if (document.getElementById('username').value == "")
    {
    errorMessage += "Please enter a username \n";
    document.getElementById('username').style.borderColor = "red";
    }
if (document.getElementById('fname').value == "")
    {
    errorMessage += "Please enter a first name \n";
    document.getElementById('fname').style.borderColor = "red";

}
if (document.getElementById('lname').value == "")
    {
    errorMessage += "Please enter a last name \n";
    document.getElementById('lname').style.borderColor = "red";

    }
if (errorMessage != "")
    {
alert(errorMessage);
}

我的问题是因为我有更多的字段需要验证,我想知道是否有更好的方法来做这个而不是有这么多if语句(我试图尽可能少的代码).我正在考虑使用switch case语句,但这会有用吗？有什么建议？

Answer 1

如果您使用 html5，请尝试在 html 元素上添加required属性。它是一个布尔属性。如果存在，它指定在提交表单之前必须填写输入字段。

就像是 ：<input type="text" name="usrname" required>

演示