jQuery验证require_from_group无法正常工作

Question

我正在使用from中的require _from_group进行验证，但无法正常工作。

我的脚本代码是：

jQuery.validator.setDefaults（{debug：true，$ {document）.ready（function（）{

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而不是为空并且不转到操作页面时，它将给出错误。 那么这有什么问题。

我的表格在这里

 <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函数…… 那只是.addMethod()文档中的一些示例代码 ，其名称已更改为"require_from_group" 。

---

使用require_from_group additional-methods.js文件中包含的默认版本的require_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."));

演示（使用jQuery和HTML）： http : //jsfiddle.net/y3qayufu/2/