Javascript 单选按钮选择上的jQuery动态验证

Javascript 单选按钮选择上的jQuery动态验证,javascript,jquery,html,validation,Javascript,Jquery,Html,Validation,我有一张表格 <form> <fieldset> <div> <label>title</label> <input id="title" name="title" type="text"> </div> <div> <label>Type</label&g

我有一张表格

<form>
    <fieldset>
        <div>
            <label>title</label>
            <input id="title" name="title" type="text">
        </div>
        <div>
            <label>Type</label>
                <input name="type" id="1" value="1" checked="checked" type="radio">1
                <input name="type" id="2" value="2" type="radio">2
            </div>
        </div>
        <div>
            <label for="3">3</label>
            <input id="3" name="3" placeholder="3">
        </div>
        <div class="2_details" style="display:none;">
            <input id="4" name="4" placeholder="4">
        </div>
    </fieldset>
</form>
现在我想应用jquery验证。这种情况下,如果选中单选按钮
2
,则
3
的值应大于
4
的值,否则接受
3
的任何值

此外,如果选中了
2
,则对类
2\u详细信息应用验证,否则不要对
2\u详细信息应用验证

这是我的验证代码:-

$.validator.addMethod("3greater4", function(value, element) {
    return $('#4').val() > $('#3').val()
},  "* 3 should be greater than or equal to 4.");


 $('form').validate({
    rules: {
        title: {
            required: true,
            minlength: 10
        },
        3: {
            required: true,
            number: true,,
            3greater4 : true
        },
        4: {
            required: true, // only if radio 2 is checked.
            number: true,,
            3greater4 : false
        }
    }
});

不需要自定义规则,您可以使用

jQuery(函数($){
$('input[name=“type”]”)。更改(函数(事件){
$('.2_详细信息')。切换(this.value==2)
});
$('form')。请验证({
规则:{
标题:{
要求:正确,
最小长度:10
},
3: {
要求:正确,
数字:对
},
4: {
要求:正确,
数字:对,
min:函数(){
返回+$('#3').val()| 0;
}
}
}
});
});

标题
类型
1.
2.
3.

这是演示还是问题伴侣?id必须至少包含一个字符,并且不能以数字开头!
$.validator.addMethod("3greater4", function(value, element) {
    return $('#4').val() > $('#3').val()
},  "* 3 should be greater than or equal to 4.");


 $('form').validate({
    rules: {
        title: {
            required: true,
            minlength: 10
        },
        3: {
            required: true,
            number: true,,
            3greater4 : true
        },
        4: {
            required: true, // only if radio 2 is checked.
            number: true,,
            3greater4 : false
        }
    }
});