如何使用类查找所有子元素并检查是否为空?

时间:2011-04-11 19:22:55

标签: javascript jquery

我有一个表单,需要检查以确保字段集的任何子输入都为空。我如何使用jQuery实现这一目标?

如果.required的任何字段为空    - >还有一些尚未填写的字段 如果所有带有.required的字段都已归档    - >他们都被提起了

4 个答案:

答案 0 :(得分:2)

按表单ID和类名选择字段。然后使用.filter()将您的设置缩小为仅包含尚未填写的字段:

var emptyFields = $("#myForm .required").filter(function()
{
    return $(this).val() == "";
});

如果你不想对这些字段做任何事情,只需要一个布尔值:

var anyEmptyFields = !!emptyFields.length;

答案 1 :(得分:2)

试试这个:

var emptyRequiredFields = jQuery("#post-form .required:input").not("[value]");

答案 2 :(得分:0)

试试这个:

    <fieldset id="myForm">
            <input type="text" required="true" /><br />
            <input type="check" required="true" /><br />
            <input type="radio" required="true" /><br />

            <input type="text" required="false" /><br />
            <input type="check" required="" /><br />
            <input type="radio"  /><br />
            <button onclick="$('#myForm').find('input[required=true]').after('<span>null</span>');">Check</button>
        </fieldset>

答案 3 :(得分:0)

试试这个:


$("form[name=form_name] .required").each(function(index,e){
    if(e.value == ''){
     alert(e.name+' field is required!');   
    }
});