加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

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">&times;</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">&times;</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);

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读