多种形式的jquery验证

Question

我有一个多页面的html页面。由于他们是dynaicmally生成有时可能有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/）。