jQuery验证require_from_group不工作

Question

我正在使用require_from_group进行验证，但它不起作用。

我的脚本代码是在这里：

jQuery.validator.setDefaults（{ 调试：真实， $（文件）。就绪（函数（）{

jQuery.validator.setDefaults({ 
    debug: true, 
    success: "valid" 
}); 

$("#findproject_form").validate({ 
    rules: { 
     Profession: { 
      require_from_group: [1, ".validategroup"] 
     }, 
     Location1: { 
      require_from_group: [1, ".validategroup"] 
     }, 
     Company: { 
      require_from_group: [1, ".validategroup"] 
     }, 
     Name: { 
      require_from_group: [1, ".validategroup"] 
     }, 
     KeyWord: { 
      require_from_group: [1, ".validategroup"] 
     } 
    } 
}); 

$.validator.addMethod("require_from_group", function (value, element, options) { 
    var $fields = $(options[1], element.form), 
     $fieldsFirst = $fields.eq(0), 
     validator = $fieldsFirst.data("valid_req_grp") ? $fieldsFirst.data("valid_req_grp") : $.extend({}, this), 
     isValid = $fields.filter(function() { 
      return validator.elementValue(this); 
     }).length >= options[0]; 

    // Store the cloned validator for future validation 
    $fieldsFirst.data("valid_req_grp", validator); 

    // If element isn't being validated, run each require_from_group field's validation rules 
    if (!$(element).data("being_validated")) { 
     $fields.data("being_validated", true); 
     $fields.each(function() { 
      validator.element(this); 
     }); 
     $fields.data("being_validated", false); 
    } 
    return isValid; 
}, $.validator.format("Please fill at least {0} of these fields.")); 

}）;

当任何一个或多个字段为fill_out时，它会给出错误，而不是当它为空并且没有到达动作页面时 那么这有什么问题

我的形式IS HERE

<form id="findproject_form" method="post" action="{$BASE_URL}findproject" > 
     <div class="bgtrans"><h3>Search By</h3> 
     <div class="div_bg1"> 
     <div class="searchbg"><div class="seachbginputbg"><input class="seachbginput validategroup" type="text" placeholder="Profession" id="Profession" name="Profession" value="{if $profession}{$profession|escape}{/if}" /></div></div> 
     <div class="searchbg"><div class="seachbginputbg"><input class="seachbginput validategroup" type="text" placeholder="Location" id="Location1" name="Location1" value="{if $location}{$location|escape}{/if}" /></div></div> 
     <div class="searchbg" style="margin-right:0px;"> 
     <div class="seachbginputbg"><input class="seachbginput validategroup" type="text" placeholder="Company" id="Company" name="Company" value="{if $company}{$company|escape}{/if}"/></div> 

     </div> 

     <div class="clear"></div> 
     </div> 
     <div class="div_bg2"> 
     <div class="searchbg"><div class="seachbginputbg"><input class="seachbginput validategroup" type="text" placeholder="Name" id="Name" name="Name" value="{if $name}{$name|escape}{/if}" /></div></div> 
     <div class="searchbg"><div class="seachbginputbg"><input class="seachbginput validategroup" type="text" placeholder="Key Words" id="KeyWord" name="KeyWord" value="{if $keyword}{$keyword|escape}{/if}"/></div></div> 
     <div class="searchbg" style="margin-right:0px;"> 
     <input class="bgbttn" type="submit" name="submit" value="" /> 
     </div> 
     <div class="clear"></div> 
     </div>    
     </div> 

Answer 1

删除自定义方法。（这让现场可选的，它是你的字段的值进行比较，为您的参数的总和。由于您的参数个数1和类名，显然，这是没有意义的。） ...

jQuery.validator.addMethod("require_from_group", function(value, element, params) { 
    return this.optional(element) || value == params[0] + params[1]; 
}, jQuery.validator.format("Please fill out atleast one field ")); 

这没有意义，因为那不是require_from_group函数... that's just some sample code from the .addMethod() documentation的名称更改为"require_from_group"。

---

使用包括在the additional-methods.js filerequire_from_group方法/规则的默认版本。您可以包含整个文件或复制下面的一个方法。

正如你所看到的，这不是一个微不足道的功能。

$.validator.addMethod("require_from_group", function(value, element, options) { 
    var $fields = $(options[1], element.form), 
     $fieldsFirst = $fields.eq(0), 
     validator = $fieldsFirst.data("valid_req_grp") ? $fieldsFirst.data("valid_req_grp") : $.extend({}, this), 
     isValid = $fields.filter(function() { 
      return validator.elementValue(this); 
     }).length >= options[0]; 

    // Store the cloned validator for future validation 
    $fieldsFirst.data("valid_req_grp", validator); 

    // If element isn't being validated, run each require_from_group field's validation rules 
    if (!$(element).data("being_validated")) { 
     $fields.data("being_validated", true); 
     $fields.each(function() { 
      validator.element(this); 
     }); 
     $fields.data("being_validated", false); 
    } 
    return isValid; 
}, $.validator.format("Please fill at least {0} of these fields.")); 

DEMO（与你的jQuery和HTML）：http://jsfiddle.net/y3qayufu/2/