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
}
}
});