Question

我需要遍历DIV中的元素。具体来说，DIV是一个带有表单元素的对话框。我想循环遍历DIV中的元素以确保填写所需的字段。我知道如果我关闭对话框并将其添加回DOM我可以遍历表单元素但我不想关闭它直到它被验证。我可以这样做，还是必须关闭它，检查它，如果有问题就重新打开它？

Answer 1

首先，你必须循环你所有的领域。

我正在使用：input 选择器，但您可以随意使用。

var invalidFields=[];
$(":input").each(function(){

    // Check for the required property on the field
    if($(this).is(":required")){

        // Check if there is no value on the field
        if(!$(this).val()){
            invalidFields.push(this);
        }
    }
});

然后，只需验证您的数组，看看是否有某些字段缺失。

if (invalidFields.length>0){
    console.log("Fill the required fields!");
}

我可以只使用布尔值而不是数组，但您可能需要迭代此数组，因此此代码可能对您有用。

注意：您的html字段必须包含必需的属性。

<input type="text" required>

jQuery循环通过DIV中的元素

1 个答案: