javascript - 有没有更好的非空验证方法？

Question

我一直在验证输入元素，以确保每个元素至少有一些数据并通知用户要填写哪个字段。我正在做的方式是，

function validate()
{   
    var product_name  = document.getElementById('pname').value;
    var p_number      = document.getElementById('pnumber').value;
    var description   = document.getElementById('descr').value;

    if(product_name=="")
         {alert("Please fill Product Name");   return false;}
    else if(p_number=="")
         {alert("Please fill product Number"); return false;}
    else if(description=="")
         {alert("Please fill description");    return false;}
    else
         return true;

}

我觉得这段代码不是最佳的，需要改进。你们可能对此验证有经验，并且有一些技巧。请帮助我以更好的方式进行相同的验证。谢谢你的时间。

Answer 1

您应该使您的验证函数更加通用，以便它可以用于任意数量的字段。您还应该使用trim() 来防止出现空格。

function validate(fields) {   
    for (var i = 0, l = fields.length; i < l; i++) {
        var field = document.getElementById(fields[i].id);
        if (field.value == null || field.value.trim() === '') {
            alert('Please fill in ' + fields[i].name);
            return false;
        }
    }
    return true;
}

然后为了验证，您需要传入名称和 ID

var isValid = validate([
    { id: 'pname', name: 'Product Name' },
    { id: 'pnumber', name: 'Product Number' },
    { id: 'descr', name: 'Description' }
]);