仅当“select1”字段中的选定文本为“其他”时,我才想将“其他”字段设为必需,我正在尝试的规则是:other: { required: function(element){ return $("#select1 option:selected").text() == "Other"; } }
我做错了什么吗?这是代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://jzaefferer.github.com/jquery- validation/jquery.validate.js"></script>
<script>
$(document).ready(function(){
$('form:first').validate({
rules: {
cname: {
required: true,
},
select1: { valueNotEquals: "0" }
},
other: {
required: function(element){
return $("#select1 option:selected").text() == "Other";
}
},
messages: {
cname: "Please enter a valid naaaammmeeee.",
select1: "Please choose a valid option",
other: "Please enter a valid other value",
},
});
$.validator.addMethod("valueNotEquals", function(value, element, arg){
return arg != value;
}, "Value must not equal arg.");
});
</script>
</head>
<body>
<form class="cmxform" id="commentForm" method="get" action="">
<fieldset>
<legend>A simple comment form with submit validation and default messages</legend>
<p>
<label for="cname">Name</label>
<em>*</em><input id="cname" name="cname"/>
</p>
<p>
<select name="select1" id="select1">
<option value="0">Please choose a value</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">Other</option>
</select>
</p>
<p>
<label for="other">Other</label>
<em>*</em><input id="other" name="other"/>
</p>
<p>
<input class="submit" type="submit" value="Submit"/>
</p>
</fieldset>
</form>
</body>
</html>