twitter-bootstrap – 用于模态的Bootstrap验证器不会重置Form
发布时间:2020-12-17 20:40:37 所属栏目:安全 来源:网络整理
导读:我在模态内部使用bootstrap验证器.验证器在后续的表单访问中保留.例如,如果执行以下操作 访问表单输入一些有效值并提交表单. 再次访问表单,字段的颜色仍保持绿色,因为我在之前的表单提交中输入了有效条目 div class="modal fade" id="myModal" tabindex="-1"
我在模态内部使用bootstrap验证器.验证器在后续的表单访问中保留.例如,如果执行以下操作
>访问表单输入一些有效值并提交表单. <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <h4 class="modal-title" id="myModalLabel">Add new Node</h4> </div> <div class="modal-body"> <div class="modal-body"> <form role="form" id="addNodeForm"> <div class="form-group"> <label for="nodename" class="control-label">Node Name</label> <input type="text" name="nodename" class="form-control" id="nodename" required> </div> </form> </div> <!-- <div class="alert alert-success"> <a href="#" class="close" data-dismiss="alert">×</a> <div id="thanks"></div> </div> --> </div> <div class="modal-footer"> <button type="button" id="add-close" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" id="add-save" class="btn btn-primary">Save changes</button> </div> </div> $('#myModal').on('hidden.bs.modal',function(){ $(this).removeData('bs.modal'); $('#nodename').val(""); $('#addNodeForm').bootstrapValidator('resetForm',true); }); $('#myModal').on('show.bs.modal',function () { // $('#addNodeForm').bootstrapValidator('resetForm',true); $(this).removeData('bs.modal'); $('#addNodeForm').bootstrapValidator('resetForm',true); $.ajax( { url: "node/getnodelist",type: "GET",success:function(text) { alert(text); nodelist = text; },error: function(jqXHR,textStatus,errorThrown) { //if fails } }); }); $('#addNodeForm').bootstrapValidator({ feedbackIcons: { valid: 'glyphicon glyphicon-ok',invalid: 'glyphicon glyphicon-remove',validating: 'glyphicon glyphicon-refresh' },fields: { nodename: { validators: { notEmpty: { message: 'Function name is required' } } } } }); 解决方法
请尝试以下代码:
$('#contactform').bootstrapValidator('resetForm',true); (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |