选择JQuery验证时
选择框后,如何验证其他字段。我试过下面的方法,但没有用。我只想在选择马或小马时验证AnimalName2。 提前谢谢 HTML:选择JQuery验证时,jquery,jquery-validate,Jquery,Jquery Validate,选择框后,如何验证其他字段。我试过下面的方法,但没有用。我只想在选择马或小马时验证AnimalName2。 提前谢谢 HTML: <select class="vars" data-hint="" name="Registration2"> <option data-price="0.00" selected="selected" value=""> None </option> <option data-price="5.00"
<select class="vars" data-hint="" name="Registration2">
<option data-price="0.00" selected="selected" value="">
None
</option>
<option data-price="5.00" value="Horse">
Horse
</option>
<option data-price="5.00" value="Pony">
Pony
</option>
</select> <span class="clear">clear</span>
<div class="quarter">
<label style="font-weight: bold; display: inline;">Name</label><br>
<input autocomplete="off" data-hint="" maxlength="254" name="AnimalName2"
placeholder="" type="text">
</div>
没有一个
马
小马
清楚的
名称
我正在使用jquery.validate.min.js
<script>
(function($, W, D) {
var JQUERY4U = {};
JQUERY4U.UTIL = {
setupFormValidation: function() {
//form validation rules
$("#addriderform").validate({
rules: {
AnimalName2: {
required: "Registration2:selected"
},
agree: "required"
}
submitHandler: function(form) {
form.submit();
}
});
}
}
//when the dom has loaded setup form validation rules
$(D).ready(function($) {
JQUERY4U.UTIL.setupFormValidation();
});
})(jQuery, window, document);
</script>
(函数($,W,D){
var JQUERY4U={};
JQUERY4U.UTIL={
setupFormValidation:函数(){
//表单验证规则
$(“#addriderform”).validate({
规则:{
动物名称2:{
必需:“注册2:已选择”
},
同意:“必需”
}
submitHandler:函数(表单){
表单提交();
}
});
}
}
//当dom加载了设置表单验证规则时
$(D).就绪(函数($){
JQUERY4U.UTIL.setupFormValidation();
});
})(jQuery、窗口、文档);
为下拉列表提供id,使用jQuery validate的参数:
工作小提琴
HTML
这意味着“AnimalName2”的必需属性此文本框取决于其内部的条件。
请参见下文,它检查是否选择了“无”。如果从下拉列表中选择了“无”,则返回false,表示必需属性变为false,否则变为true,因此验证适用于textbox
function(element) {
if($("#Registration2").val() != "")//If Pony or Horse selected
{
return true;
}
else
{
return false;
}
}
更多信息,请查看我已经添加了答案,您可以查看吗?是的,这工作非常完美!!太谢谢你了。
//form validation rules
$("#addriderform").validate({
rules: {
AnimalName2: {
required: {
depends: function(element) {
if($("#Registration2").val() != "")//If Pony or Horse selected
{
return true;
}
else
{
return false;
}
}
}
},
//Registration2:{required:true}
},
messages: {
AnimalName2: {
required: "Please fill TEXTBOX"
},
Registration2:{
required: "Please select DROPDOWN ."
}
},
errorPlacement: function(error, element) {
error.appendTo( element.parent() );
},
submitHandler: function(form) {
form.submit();
}
});
function(element) {
if($("#Registration2").val() != "")//If Pony or Horse selected
{
return true;
}
else
{
return false;
}
}