html - Javascript 确认框

Question

我有一个输入很少的表格，所有这些输入都是必需的..我正在使用引导程序..

样本

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

它工作正常，如果它是空的，它会要求一个正确的电子邮件，出现一点温暖，说错误的电子邮件格式或这个字段是必需的。

当用户单击提交按钮时，所有这些检查都会发生......提交按钮上的内容我还想添加一个确认框，如“确定吗？”......

我使用 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;
    }
});