Как отключить модальное нажатие на кнопку

Question

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

Как я могу это решить?

Это модный контент.

<div id="signin" class="modal fade"> 
    <div class="modal-dialog"> 
       <?php include "view/login.html"; ?> 
    </div><!-- /.modal-dialog --> 
</div><!-- /.modal --> 

login.html файл.

<section class="frontoffice" style="padding: 20px 0;"> 
    <div class=""> 
     <h3 class="text-center" style="font-weight:700">SIGN IN</h3> 
     <div class="row"> 
     <form action="" method="POST"> 
      <div class="col-md-1"> 
      </div> 
      <div class="col-md-10 request-form"> 
       <div class="form-area"> 
        <div class="row"> 
         <div class="col-md-12"> 
          <input class="text-field" name="username" type="text" placeholder="Username*" style="width:100%"> 
          <?php echo $unameerror; ?> 
          <input class="text-field" name="password" type="password" placeholder="Password*" style="width:100%"> 
          <?php echo $passerror; ?> 

         </div> 
        </div> 
       </div> 
       <div class="row" style="margin:20px;"> 
        <div class="col-md-12 text-center"> 
         <input type="submit" value="SIGN IN" name="login" class="blueButton"> 
        </div> 
       </div> 
      </div> 
     <div class="col-md-1"> 
     </div> 
     </form> 
     </div> 
    </div> 
</section> 

Javascript

<script type="text/javascript"> 
$(document).ready(function() { 
    $("[rel='popup']").popover(); 
}); 

Answer 1

<input type='submit'/> автоматически отправляет форму, когда нажата. Таким образом, страница должна быть обновлена ​​после нажатия кнопки. Вы должны использовать ajax для отправки формы и отправки ответа. Он должен выглядеть следующим образом:

$(function(){ 

$("form").on("submit", function(e){ 
    e.preventDefault(); 
    $.post("url", $(this).serialize(), function(response){ 
    //present errors 
    }, "json"); 
    }) 
}) 

---

На стороне PHP, установите ответ как массив, и использовать echo json_encode($array) представить результат.

Надежда я получил его в этот раз: D