jquery - 循环遍历表单提交中的每个 'required'字段

Question

我这里遇到了真正的麻烦。我无法解决这个问题!

我想要做的是在验证电子邮件地址后提交一份表单，然后将每个输入标记为“必需”类别。我真的很感激有人向我展示如何循环这些内容，并且只有在每一项都填写完毕后才提交。

<script type="text/javascript">
    $(document).ready(function() {
        $('.button').click(function() {
            var email = $("input.email").val();        
            var filter = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
            if(filter.test(email)) {
                $('input.required').each(function() {
                    var name = $("input.required").val();
                    if(name != "") {
                        $('#form').submit();
                    } else {
                        $('#error').show();
                        return false;
                    }
                });
            } 
            else {
                $('#error').show();
                return false;
            }
        });
    });
</script>

Answer 1

您可以使用.filter()仅过滤掉空元素，然后检查与过滤器匹配的元素数量。如果任何输入与过滤器匹配，则您会遇到错误，不应发布它。像这样的事情:

var emptyFields = $('input.required').filter(function() {
    return $(this).val() === "";
}).length;

if (emptyFields === 0) {
   $('#form').submit();
} else {
   $('#error').show();
   return false;
}