小编Sow*_*san的帖子

用于模态的Bootstrap验证器不会重置Form

我在模态内部使用bootstrap验证器.验证器在后续的表单访问中保留.例如,如果执行以下操作

  1. 访问表单输入一些有效值并提交表单.
  2. 再次访问表单,字段的颜色仍保持绿色,因为我在之前的表单提交中输入了有效条目

    <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> …
    Run Code Online (Sandbox Code Playgroud)

twitter-bootstrap bootstrap-modal jqbootstrapvalidation

4
推荐指数
2
解决办法
1万
查看次数