Javascript确认框

Question

我有一个输入很少的表单，所有这些输入都是必需的..我正在使用bootstrap ..

样品

<input type="email" require="yes">

它工作得很好它要求一个正确的电子邮件，如果它是空的，有点变暖似乎说错误的电子邮件格式或这个字段是必需的。

当用户点击提交按钮时，所有这些检查都会发生...我还想提交按钮上的内容 添加一个类似＆＃34的确认框;确定吗？ ＆＃34; ...

我使用bootbox添加了确认操作，但它运行正常，但我的问题是：

当用户点击输入被选中时，警告会显示一秒钟，而确认框也会出现......所以我的问题是我不希望出现确认框，除非所有输入都通过了检查..

谢谢，我希望我很清楚...

 <script src="js/bootbox.min.js"></script>
    <script>

    // Confirm Box ..
    $(document).on("click", ".confirm", function(e) {
        bootbox.confirm("Are you sure?", function(result) {
          console.log("Confirm result: "+result);
        });
    });
</script>


<input type="email" placeholder="email"  class="contact-input" required="yes">
<button id="contact-input" name="request_meet" class="btn btn-primary confirm">Send</button>

Answer 1

如果您在javascript中向按钮添加提交事件，则可以在打开确认之前捕获提交：

$('form').submit(function(e) {
    if (!$('#emailField').val()) {
        e.preventDefault();
        return false;
    }
});