javascript - 每当以 Bootstrap 的形式出现无效的弹出消息时，我们如何才能停止发送数据？

Question

此表单中的问题是，每当输入空字段时，它都会显示一个弹出窗口“说此字段是必需的”，但消息已发布到数据库中。

在所有弹出窗口都有效之前，我如何才能停止它？

<form class="form-asd" role="form">
    <h2 class="form-signin-heading">Login</h2>
    <hr />
    EmailAddress:
    <input class="form-control" type="text" id="Address" required />
    <br />
    <button type="submit" class="btn btn-lg btn-primary" id="btnLogin">
        Login
    </button>
</form>

Answer 1

这真的与 Bootstrap 无关。您可以使用 Bootstrap 来验证 UX，但您的问题是关于在满足某些要求之前停止提交表单。

$('#myForm')submit(function(e) {
    e.preventDefault();

    // do validation, present popovers, etc.

    if (validation is good) {
        $(this).submit();
    }
});