Javascript 如何禁用隐藏控件的验证
我正在应用程序中使用引导 Default.aspxJavascript 如何禁用隐藏控件的验证,javascript,jquery,html,validation,twitter-bootstrap,Javascript,Jquery,Html,Validation,Twitter Bootstrap,我正在应用程序中使用引导 Default.aspx <div class="form-horizontal"> <div id="Control1"> <div class="control-group"> <label class="control-label">DropDown Control </label> <div class="controls">
<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>
请帮帮我。
忽略:':隐藏'
对我有用
$("#myForm").validate({
ignore: ':hidden',
submitHandler: function( form ) {
//To do
}
});
仅当字段被隐藏时,才需要验证。
希望这有帮助。将验证控件的Enabled属性设置为false
CausesValidation="False"
您需要这样做:
忽略:“#隐藏”对我有效
$("#myform").validate({
ignore: "#hidden"
});
参考这个
$(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: ...
});
有关更多信息,请转到从要删除验证的类中删除所需的类和
数据值属性
将其设置为忽略:“#txtId”
忽略该字段,因为当不显示父元素时,该字段不会真正隐藏。此外,默认值是ignore:':hidden'
,由于使用了jQuery的not()
选择器,这也应该可以工作,因此只需删除已经存在的忽略规则也应该可以工作。
$(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: ...
});