jQuery验证require_from_group不起作用

时间:2014-12-03 12:19:15

标签: jquery jquery-validate

我正在使用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>

1 个答案:

答案 0 :(得分:1)

删除自定义方法。 (它使字段可选,并且它将字段的值与参数的总和进行比较。因为您的参数是数字{ {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 ")); 函数不是that's just some sample code from the .addMethod() documentation,其名称已更改为require_from_group


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

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

require_from_group

DEMO(使用您的jQuery和HTML):http://jsfiddle.net/y3qayufu/2/