PROSAGA码农传奇-智慧城市-独立验证表单段

<div class =“post-text”itemprop =“text”>
  
    的
      引用OP：
    </强>
  
  <BLOCKQUOTE>
    
      
        “在向导插件的onLeaveStep选项中，我调用了validate插件。无论用户是否点击
         <code>
 next
 </code>
         要么
         <code>
 previous
 </code>
        
  验证将被触发“
      
    
  </BLOCKQUOTE>
  
    问题是
     <code>
 .validate()
 </code>
     不是“测试”表单有效性的方法。相反，
     <code>
 .validate()
 </code>
     是方法
    
      初始化
    
     表单上的插件。你会这样做的
    
      一旦
    
     在页面加载和任何后续调用
     <code>
 .validate()
 </code>
     被忽略了。
  
  
    要使用jQuery Validate插件以编程方式测试表单，请使用
    <a href="http://jqueryvalidation.org/valid/" rel="nofollow">
      该
       <code>
 .valid()
 </code>
       方法
    </A>
     它触发测试并返回一个布尔值。
  
  
    默认情况下，jQuery Validate插件也会忽略任何“隐藏”的输入元素。因此，在使用向导插件时，您可以利用此功能。
  
  
    你的DOM就绪处理程序......
  
   <pre>
 <code>
 $('#myform').validate({
 // rules & options
});

</code>
 </pre>
  
    你的巫师......
  
   <pre>
 <code>
 onLeaveStep: function(){
 $('#myform').valid();
}

</code>
 </pre>
  
    否则，当我创建多步表单时，我使用一组唯一的
     <code>
 form
 </code>
     每个部分的标签。然后我用
     <code>
 .valid()
 </code>
     在移动到下一个之前测试该部分。 （不要忘记先初始化插件，然后打电话
     <code>
 .validate()
 </code>
    ，当页面完全加载时，在每个表单上。）然后在最后一节，我使用
     <code>
 .serialize()
 </code>
     在所有部分上，将每个部分连接成一个要提交的数据查询字符串。
  
  
    像这样......
  
   <pre>
 <code>
 $(document).ready(function() {

$('#form1').validate({
        // rules
    });

$('#form2').validate({
        // rules
    });

$('#form3').validate({
        // rules,
        submitHandler: function (form) {
           // serialize and join data for all forms
           // ajax submit
           return false;
        }
    });

$('#gotoStep2').on('click', function() {
        if ($('#form1').valid()) {
            // code to reveal step 2
        }
    });

$('#gotoStep3').on('click', function() {
        if ($('#form2').valid()) {
            // code to reveal step 3
        }
    });

// there is no third click handler since the plugin takes care of this with the
    // built-in submitHandler callback function on the last form.

});

</code>
 </pre>
</DIV>