Jquery 验证在引导3模式下不起作用？

我在Bootstrap3中使用了一些对模态的popover验证，但是表单是使用ajax提交的，验证工作正常，但是ajax是在验证旁边执行的

这是我的代码，当有人点击提交，验证弹出窗口，但ajax继续

HTML

<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h4 class="modal-title">Please edit customer data</h4> 
        </div>
        <div class="modal-body">
            <div class="alert alert-danger alert-error" style="display:none;"> <a href="#" class="close" data-dismiss="alert">×</a>  <strong>Error!</strong> A problem has been occurred while submitting your data.</div>
            <div class="alert alert-dismissable alert-success" style="display:none;">
                <button type="button" class="close" data-dismiss="alert">×</button> <strong>Well done!</strong> You successfully read <a href="#" class="alert-link">this important alert message</a>.</div>
            <form class="form-horizontal" data-async="" action="http://plasticnestolice.com/customers/edit.html" method="POST">
                <fieldset>
                    <div class="form-group">
                        <label for="inputEmail" class="col-lg-3 control-label">Name</label>
                        <div class="col-lg-9">
                            <input name="username" data-placement="left" data-trigger="manual" data-content="Must be at least 3 characters long" class="form-control required" placeholder="Email" autofocus="" type="text">
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                        <button type="submit" id="submit" class="btn btn-success"><i class="fa fa-pencil fa-lg"></i> Save changes</button>
                    </div>
                </fieldset>
            </form>
        </div>
    </div>
    <!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->

这里是工作的bootply，我不知道为什么验证不停止ajax调用

请注意，

jQuery（function（$）{}

的功能等同于

$（document）.ready（function（）

）

提交表单时，您会触发

$（'form[data async]'）。在（'submit'，函数（event）{}

和

$form.submit（函数（e）{}

操作

重写jQuery（函数（$）{ $（'form[data async]'）。在（'submit'，function（event）{}）上；到全局函数： var formsubmit=function（）{}`

在（'submit'，函数（事件）{}code:

if ($form.find('input.invalid').length) { /* form is not valid */
                    e.preventDefault();
                    $('#form-error').toggleClass('hide');
                }
else {
formsubmit();
e.preventDefault();
}

---

当出现验证错误时，您在代码的哪一部分实际尝试停止ajax调用？

if ($form.find('input.invalid').length) { /* form is not valid */
                    e.preventDefault();
                    $('#form-error').toggleClass('hide');
                }
else {
formsubmit();
e.preventDefault();
}