[英]How to disable validation on hidden controls
我在应用程序中使用引导程序。
Default.aspx的
<div class="form-horizontal">
<div id="Control1">
<div class="control-group">
<label class="control-label">DropDown Control
</label>
<div class="controls">
<select data-val="true" data-val-required="Field is required" name="">
<option value="">--Select--</option>
<option value=1>Value1</option>
<option value=2>Value2</option>
</select>
</div>
</div>
</div>
<div id="Control2" style="display;none;">
<div class="control-group">
<label class="control-label">Textbox Control
</label>
<div class="controls">
<input type="text" id="txtId" data-val="true" data-val-required="Field is required"/>
</div>
</div>
</div>
</div>
<button id="btnSubmit" class="btn btn-success" onclick="Submit();">
Submit</button>
<script type="text/javascript">
$.validator.setDefaults({
ignore: "hidden"
});
function Submit() {
if (!$('#Form1').valid()) {
return false;
}
}
</script>
在这里,我只需要验证Control1
div。 我不想验证隐藏的div (Control2)
,但是它正在得到验证。
我正在使用
js/jquery.validate.min.js
js/uncompressed/jquery.validate.js
js/uncompressed/jquery.validate.unobtrusive.js
请帮我。
请参阅此。
$(formSelector).bootstrapValidator({
excluded: [':disabled', ':hidden', ':not(:visible)'],
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
live: 'enabled',
message: 'This value is not valid',
submitButtons: 'button[type="submit"]',
trigger: null,
fields: ...
});
有关更多信息,请转到Bootstrap验证设置
ignore: ':hidden'
为我工作。
$("#myForm").validate({
ignore: ':hidden',
submitHandler: function( form ) {
//To do
}
});
仅在隐藏字段时,此操作才忽略必需的验证。 希望这可以帮助。
将验证控件的Enabled属性设置为false。
CausesValidation="False"
您需要这样做:忽略:'#hidden'为我工作
$("#myform").validate({
ignore: "#hidden"
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.