Bootstrap Modal не работает после проверки, но работает оповещение - PullRequest
Новая
       6

Bootstrap Modal не работает после проверки, но работает оповещение

0 голосов
/ 08 июня 2018

У меня есть кнопка предварительного просмотра в начальной загрузке 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 (выше show modal) работает в else, если в проверке нет ошибок.

Как показать модальное окно, если нет ошибок проверки?

Ответы [ 2 ]

0 голосов
/ 08 июня 2018

Я бы проверил значение вашей переменной формы.если он работает в позиции 1, а не в другом, это заставляет меня думать, что checkValidity() либо возвращает значение true, либо оператор if вызывает исключение.

И, возможно, добавьте ; к вашему var form линия

0 голосов
/ 08 июня 2018

в jQuery простой способ показать элемент состоит в использовании метода .show ()

ex: 

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

здесь вы можете найти документацию по .show () http://api.jquery.com/show/

надеюсь, это поможет

...