javascript - 检查输入字段是否填写在表单中

Question

我有一个表单myForm，我想在发送表单之前检查是否填写了特定的输入字段。我对 JavaScript 很陌生，所以我真的不知道我做错了什么。欢迎任何帮助。

function validateForm() {
    var validate = true;
    var alert_string = "";
    var children = $("#myForm").children("input");
    console.log(children.size());
    for(var i = 0; i < children.length ; i++){
        if(children[i].attr(id).substring(0,8) != "ABC_FLAT"){
            if(children[i].attr(id) == null || children[i].attr(id) == ""){
                validate = false;
                alert_string = alert_string.concat(childrern[i].attr(id)).concat(", ");
            }
        }
    }
    alert_string = alert_string.concat("must be filled out !");
    if(validate == false){
        alert(alert_string);
        return false;
    }
    return true;
}

Answer 1

children[i].attr(id) == ""   // wrong

您不必检查它们的 id 是否为空，您必须检查它们的 value 是否为空 :)

if(children[i].value == "")

由于您已经在使用 jQuery，因此可以在很大程度上简化该代码。例如，一个简单的“所有字段都已填写”检查可以是

var flag=0;
$('#myForm').each(function() {
    if ( $(this).val() === '' )
         flag=1;
});