Question

我有一个包含多个表单的html页面。由于它们是动态生成的，有时可能有1种形式，有时可能有4种形式。

但是，我想在提交的表单中验证每个输入字段是否已填充。我的代码在下面

<script type="text/javascript">

    $(document).ready(function() {
        var fields = "<strong>Oops !</strong> All fields must be completed."
            $('#btn-{{ dc }}').click(function(){
                $("#error").slideToggle("slow").html(fields).hide().slideToggle( "slow" ).delay( 2200 ).slideToggle( "slow" );
                $('#????').find('input').each(function(){if($(this).val() == ""){$emptyFields.push(this)}});
                if($emptyFields.length != 0){
                    $('#{{ dc }}').find('input').css("border","");
                    $("#error").slideToggle("slow").html(fields).hide().slideToggle( "slow" ).delay( 2200 ).slideToggle( "slow" );
                  return false;
                } else {
                 return true;
                }
         });
    });

</script>

谢谢，

Answer 1

试试这个：

$('input').each(function() {
   $val = $(this).val();
   if ( value.length > 0 ) { ... }
});

请参阅：http://api.jquery.com/jQuery.each/

Answer 2

您可以使用HTML5验证或欧芹验证（http://parsleyjs.org/）。 HTML5是验证表单的最简单方法，您也可以使用jquerytools（http://jquerytools.org/）。

多个表单上的Jquery验证

2 个答案: