jQuery Validate:如何根据其他字段的值进行验证
jQuery Validate: how do I validate based on other field's value?
我有一个表单。如果选择字段被设置为第一个选项,那么我有两个必须设置的单选组。如果select被设置为任何其他值,则不必设置它们。
选择:
<div class="field grid_10">
<label for="severityId" class="grid_3">Severity</label>
<div class="grid_6">
<form:select id="severityId" path="severityId" items="${severityList}" itemValue="id" itemLabel="title" />
</div>
<div class="clear"> </div>
</div>
验证: function validate_eventReviewForm() {
jQuery('#review-edit-form').validate ({
rules: {
sampleWasLost: {required: {
depends: function(element){
return $("#severityId").val() == 1
}}},
backupSampleAvail: {
depends: function(element){
return $("#severityId").val() == 1
}}
}
});
}
如您所见,我尝试了两种不同的方法来让jQuery根据需要标记它。
我做错了什么?我该怎么做呢?
问题是你的第二个脚本导致一个错误,导致验证失败
jQuery(function($) {
$('#review-edit-form').validate({
rules: {
sampleWasLost: {
required: {
depends: function(element) {
return $("#severityId").val() == 1
}
}
},
backupSampleAvail: {
required: {
depends: function(element) {
return $("#severityId").val() == 1
}
}
}
}
});
});
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.3.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.13.1/jquery.validate.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.13.1/additional-methods.js"></script>
<form id="review-edit-form" method="post" action="">
<select name="severityId" id="severityId">
<option></option>
<option>1</option>
<option>2</option>
</select>
<br />
<input type="radio" name="sampleWasLost" value="1" />
<input type="radio" name="sampleWasLost" value="2" />
<input type="radio" name="sampleWasLost" value="3" />
<input type="radio" name="sampleWasLost" value="4" />
<br />
<input type="radio" name="backupSampleAvail" value="1" />
<input type="radio" name="backupSampleAvail" value="2" />
<input type="radio" name="backupSampleAvail" value="3" />
<input type="radio" name="backupSampleAvail" value="4" />
<input type="submit" value="Save" />
</form>
相关文章:
- 为什么regex只验证字段中的一个字符,而不是所有输入的字符
- 验证字段名称 添加 与 使用 jquery 验证
- Jquery验证字段是否包含逗号
- jQuery验证字段名包含方括号的组
- 如何使用display验证字段:使用Parsley JS没有
- 滚动至联系人表格7中的已验证字段(wordpress)
- 在php中验证字段时,java脚本不起作用
- 字段验证:字段需要 JavaScript 正则表达式
- 挖空验证:如何在按钮单击时验证字段,而不是在输入更改时验证字段
- jQuery:在提交之前验证字段(多步骤表单)
- 禁用表单提交,直到使用 jQuery 验证字段
- JavaScript 单选按钮选择验证字段
- 尝试使用 jQuery - 自定义函数动态验证字段
- 验证字段中的jQuery布尔值问题
- 为什么我的表单没有't验证字段
- Javascript未验证字段
- 输入字段模糊时,验证字段,如果无效则取消模糊事件
- 更改时验证字段-datetimepicker
- 使用BootstrapValidator重新验证字段
- Jquery动态验证字段