Javascript bootstrapValidator ajax请求,防止在提交后关闭引导模式

Javascript bootstrapValidator ajax请求,防止在提交后关闭引导模式,javascript,jquery,html,ajax,twitter-bootstrap,Javascript,Jquery,Html,Ajax,Twitter Bootstrap,嗨,我正在使用bootstrapValidator来验证我的表单,我不知道在验证表单之后在哪里添加ajax请求。还希望防止在提交表单后关闭引导模式。我提出了类似的问题,但仍然无法解决 这是我的引导模式 <a href="#"class="btn btn-lg btn-black ico-windows" data-backdrop="static" data-keyboard="false" data-toggle="modal" data-target="#AddAlbum" >

嗨,我正在使用bootstrapValidator来验证我的表单,我不知道在验证表单之后在哪里添加ajax请求。还希望防止在提交表单后关闭引导模式。我提出了类似的问题,但仍然无法解决

这是我的引导模式

<a href="#"class="btn btn-lg btn-black ico-windows" data-backdrop="static" data-keyboard="false"  data-toggle="modal" data-target="#AddAlbum"  > Create New Album </a>
<!-- Modal -->
<div class="modal fade"  id="AddAlbum" 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">Create New Album</h4>
            </div>
            <div class="modal-body">
                <div id="formregister"> 
                    <form action="" class="form-horizontal" role="form" id="newAlbum" >
                        <p class="qc-errmsg" style="display: none;">&nbsp;</p>
                        <div class="form-group">
                            <label for="inputEmail3" class="col-sm-2 control-label">Album Name</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="inputEmail3" name="albumName" placeholder="Album Name">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputEmail3" class="col-sm-2 control-label"  >Description</label>
                            <div class="col-sm-10">
                                <textarea class="form-control" rows="3" name="description"></textarea>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-offset-2 col-sm-10">
                                <button type="button"  class="btn btn-default" data-dismiss="modal">Close</button>
                                <button type="submit" onclick="send()" value="cart" class="btn btn-primary">Save Changes</button>  

                            </div>
                        </div>
                    </form>
                </div> <!-- form register -->
                <div id="successfulpost" style="font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #ff0000; display: none;">
                    <p class="jst-txt"><span>Thank you,</span> for showing your Interest !!</p>
                    <p class="jst-txt">Our property advisor shall get in touch with you very shortly..</p>
                </div> 
            </div> <!-- model body-->
        </div>
    </div>
</div>
我为此做了一个jsbin
您使用的是0.5.3版。他们删除了
submithandler
选项,并添加了一个事件
success.form.bv

$(form)
   .bootstrapValidator(options)
     .on('success.form.bv', function(e) {
      // Prevent form submission
      e.preventDefault();

      var $form        = $(e.target),
        validator    = $form.data('bootstrapValidator'),
        submitButton = validator.getSubmitButton();

      // Do whatever you want here ...
    });
来源


thnx一百万次这正是我所需要的
$(form)
   .bootstrapValidator(options)
     .on('success.form.bv', function(e) {
      // Prevent form submission
      e.preventDefault();

      var $form        = $(e.target),
        validator    = $form.data('bootstrapValidator'),
        submitButton = validator.getSubmitButton();

      // Do whatever you want here ...
    });