[英]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.