Html Javascript确认框

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

样品

<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>

//确认框。。
$（文件）。在“点击”、“确认”功能上（e）{
bootbox.confirm（“确定吗？”），函数（结果）{
控制台日志（“确认结果：+结果”）；
});
});
发送

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

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

---

您正在使用哪个验证库？您是否编写了验证代码？不完全清楚，没有足够的信息重现您的问题。你能确切地提供你是如何做这些警告和确认的吗？你必须用javascript编写一系列if语句，基本上检查各种操作是否完成。