Jquery验证具有多个具有相同名称的文本框和具有相同名称的相应复选框

时间:2015-02-09 06:46:26

标签: jquery jquery-ui jquery-validate

如果选中相应的复选框,如何为具有相同名称的多个文本框添加Jquery验证

    Jquery:
     $("input:[name='abc']").change(function() {
                var method = $(this).val();
                if ($(this).is(':checked')) {
                    $("#" + method).spinner({
                        'disabled': false
                    });
                    console.log(method);
                    $("#" + method).rules("add",{
                            range: [1, 99],
                            required : true,
                            messages: {
                                    range: "Please enter a value between 1 and 99",
                                    required: "Please give a value for " + method
                            }
                    });
                    $("#" + method).val(1);
                } else {
                    $("#" + method).spinner({
                        'disabled': true
                    });
                    console.log(method);
                    $("#" + method).rules('remove','range');
                    $("#" + method).rules('remove','required');
                    $("#" + method).val(0);
                }
            });

尝试根据复选框更改事件向文本框添加和删除规则。

1 个答案:

答案 0 :(得分:0)

  

如何为具有相同名称的多个文本框添加jQuery验证 ...

您可以使用jQuery Validate

此插件在内部使用name属性来跟踪所有表单元素,因此,所有name属性值必须是唯一的。此硬编码要求没有解决方法。