Question

我正在使用我认为是相对较新的.reportValidity函数来验证表单上所需的字段。这很好用，我要实现的是在验证后打开我的引导程序谢谢模态。我已从我的“提交”按钮中删除了data-toggle =“ modal” data-target =“＃confirm-submit”，以阻止感谢模式在验证之前打开，我只是停留在javascript验证之后打开它。这是我的代码-

用于验证-

    <script>
    document.forms['formfield'].addEventListener('submit', function() {
    document.forms['formfield'].reportValidity();
    }, false);
    </script>

对于我的Bootstrap模式-

    (function(){
    $('##confirm-submit').on('show.bs.modal', function(){
    var myModal = $(this);
    clearTimeout(myModal.data('hideInterval'));
    myModal.data('hideInterval', setTimeout(function(){
        myModal.modal('hide');
    }, 3000));
    });
    });

在验证之后而不是之前如何调用模态？

Answer 1

答案是我要使它与定时Modal复杂化，我不需要，所以最终代码是-

    <script>
    document.forms['formfield'].addEventListener('submit', function() {
    document.forms['formfield'].reportValidity();
    }, false);
    </script>
    <script>
    $('#formfield').on('submit', function(e){
    $('#confirm-submit').modal('show');
    });
    </script>

我还将onsubmit =“ openModal（）”添加到了表单名称标头标记中。现在像梦一样工作。

使用（.reportValidity）后打开Bootstrap Modal时出现问题

1 个答案: