jquery验证，一步一步验证点击功能

Posted 2023-05-09

【中文标题】jquery验证，一步一步验证点击功能

【英文标题】：Jquery validation, step by step validate on click function

【发布时间】：2011-01-28 13:19:51

【问题描述】：

尝试让 jquery 验证插件与我的逐步表单一起工作，这是我制作的功能。它有效，但仅限于第一步。在这种情况下，任何其他步骤或最终提交都不起作用。如果有人能看看我的代码有什么问题，我将不胜感激。

谢谢。

function StepByStep()

 var a =   
  rules: 
   fieldname1: "required",
   fieldname2: "required",

  
 

 var b =    
  rules: 
   fieldname3:"required"   
  
 

 var aStep = $("form").validate(a);
 var bStep = $("form").validate(b);   

 $('input.nextStep').click(function() 

  if (aStep.form()) 
   //open step 2 function   
   

  return false     
 );

 $('input.submit').click(function()

  if (bStep.form())   
   $('form').submit();  
  
   return false

 ); 

【参考方案1】：

我不记得我从哪里得到的，但它似乎是你要找的东西：

// We could use it like this: the_form.validate().subset('#first-step')
$.validator.prototype.subset = function(container) 
    var ok = true;
    var self = this;
    $(container).find(':input').each(function() 
        if (!self.element($(this))) ok = false;
    );
    return ok;
;