jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了选中复选框时动态更改jQuery Validate规则大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用jQuery Validation来验证表单,我想要做的就是这样……我想要设置它,如果选中复选框,那么编辑框的验证方式也不同,例如.

如果未选中该复选框,则应如何验证:

weight: { required: true,max: 50 }

如果选中它,应该如何验证它.

weight: { required: true,max: 100 }

有任何想法吗?

解决方法

只要单击复选框,就可以使用 Validate plugin’s built-in rules('add') method动态更改规则.

jQuery的:

$(document).ready(function () {

    // initialize the plugin
    $('#myform').validate({ 
        // other options,rules: {
            // other rules,weight: {
                required: true,max: 50 // initial value on load
            }
        }
    });

    // change the rule on checkBox and update displayed message dynamically
    $('#check').on('change',function () {
        if ($(this).is(':checked')) {
            $('#weight').rules('add',{
                max: 100
            });
        } else {
            $('#weight').rules('add',{
                max: 50
            });
        };
        $('#weight.error').each(function () {
            $(this).valid();
        });
    });

});

HTML:

<form id="myform">
    <input type="checkBox" id="check" />
    <input type="text" id="weight" name="weight" />
    <input type="submit" />
</form>

工作演示:http://jsfiddle.net/3hGxS/

大佬总结

以上是大佬教程为你收集整理的选中复选框时动态更改jQuery Validate规则全部内容,希望文章能够帮你解决选中复选框时动态更改jQuery Validate规则所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: