Jquery验证,逐步验证点击功能

时间:2010-03-17 12:09:30

标签: jquery jquery-plugins validation

尝试让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 个答案:

答案 0 :(得分:0)

我不记得我从哪里拿过这个,但它似乎正是你要找的东西:

// 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;
};