Bootstrap Modal在驗證后不起作用，但是警報起作用

Question

我在引導程序4中有一個預覽按鈕。如果表單無效，我想顯示驗證錯誤，如果表單有效，我想顯示模式窗口。

我有這個代碼。

    $("#previewBtn").click(function(event) {
    //$("#exampleModal").modal("show");  //Works fine if I uncomment

    //Fetch form to apply custom Bootstrap validation
    var form = $("#order-form")
    //alert(form.prop('id')) //test to ensure calling form correctly

    if (form[0].checkValidity() === false) {
      event.preventDefault();
      event.stopPropagation();
    } else {
        //alert("Validated!");
        $("#exampleModal").modal("show");   
    }
    form.addClass('was-validated'); 
  }) //validation end

如果表單無效，則會收到驗證錯誤。

如果取消注釋第二行以顯示模態，則會得到模態窗口。

但是，如果驗證中沒有錯誤，則模式窗口在else不起作用。

如果驗證中沒有錯誤，則alert （以上顯示模式）將在else情況下工作。

如果沒有驗證錯誤，如何顯示模式窗口？

Answer 1

在jQuery中顯示元素的一種簡單方法是使用.show（）方法

例如：

$("#exampleModal").show();

在這里您可以找到有關.show（）的文檔http://api.jquery.com/show/

希望能幫助到你

Answer 2

我會檢查您的表單變量的值。 如果它在位置1而不是在else上起作用，則使我認為checkValidity()返回true或if語句引發異常。

也許加一個; 到您的var form行