Как я могу показать сообщение об ошибке входа в Bootstrap modal?

Question

Я использую Bootstrap Modal для формы входа. Я хочу знать, как показать сообщение об ошибке входа в ту же форму для входа, не закрывая его после того, как я нажал кнопку «отправить»?

Я знаю только, что мне нужно вставить модальную форму для сообщения об ошибке, и мне нужно использовать JS/AJax? для соединения между php и формой входа?

Я понятия не имею, где начать ...

Answer 1

Хорошо, это сделка.

1. Bind функция щелчок Submit с return false;.
2. Пожар AJAX события.
3. Trigger модальное окно.
4. Обновить .modal-body с содержимым AJAX.

Отрывок:

$(function() { 
    $(".submit").click(function (e) { 
    $form = $(this).closest("form"); 
    // Prevent Submission. 
    e.preventDefault(); 
    // Fire AJAX to the path! 
    $.post("checkLogin.php", function (resp) { 
     // If user not found... 
     if (resp == "no") 
     $("#error-modal").find(".modal-body").html("User not found!").end().modal("show"); 
     else 
     $form.submit(); 
    }); 
    }); 
});