Javascript 出现错误时，在模式窗口中显示错误

我需要一些帮助。我需要在模态窗口中出现错误时显示错误。现在，只是关闭，也有错误的时候。我试图找到一些Ajax和Javascript来解决这个问题，但我无法让它正常工作。有人能帮我吗？谢谢你的帮助

if($result->num_rows == 0) {
                    $this->errors[] = "User not fund";
                }else{

模态窗口

<!-- Modal -->    
<div class="modal fade" id="resetPassword" role="dialog">
<div class="modal-dialog">

  <!-- Modal content-->
  <div style="background-color:#3a3a38;" class="modal-content">
    <div class="modal-header">
      <h4 style="color:#fff" class="modal-title">Nulstill adgangskode</h4>
    </div>
    <div class="modal-body">
      <form role="form" action="index.php" method="post">
                                <div class="form-group">
                                    <label class="sr-only" 
for="email_forgot">Email</label>
                                    <input type="text" name="email_forgot" 
placeholder="email..." class="form-username form-control" id="form-username">
                                </div>
                                 <input style="margin-left:auto;margin-
right:auto;" data-backdrop="static" data-keyboard="false" class="btn-lg btn-
default btn-block" type="submit" value="send" name="forgot">
                            </form>
<?php                                              

if (isset($user)) {
if ($user->errors) {
    foreach ($user->errors as $error) {
        echo  '<a style="color:red">'.$error.'</a>';
    }
}
if ($user->messages) {
    foreach ($user->messages as $message) {
        echo '<span style="color:red">'. $message.'</span>';
    }
}
}
?>
    </div>

  </div>

</div>

努尔斯蒂尔阿德冈科德酒店
电子邮件

---

使用ajax提交表单，并使用javascript而不是php显示错误。现在，重新加载页面并丢失数据

<script
  src="https://code.jquery.com/jquery-2.2.4.min.js"
  integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
  crossorigin="anonymous"></script>



$('form').on('submit', function(event){
  event.preventDefault();
  var formData = $("form").serializeArray();

  $.ajax({
    url: "index.php",
    type: "POST",
    data: formData,
    dataType: 'json',
    success:function(data){
      $('body').html('<h1>Thank You</h1>');   
    },
    error:function(){
      $('body').html('<h1>Error</h1>');   
    }  
  });
});   

$（'form'）。在（'submit'，函数（事件）{
event.preventDefault（）；
var formData=$（“form”）.serializeArray（）；
$.ajax({
url:“index.php”，
类型：“POST”，
数据：formData，
数据类型：“json”，
成功：功能（数据）{
$（'body'）.html（'Thank You'）；
},
错误：函数（）{
$（'body'）.html（'Error'）；
}  
});
});   

发布数据时有两种不同的选择；您可以使用ajax验证数据（这意味着您将验证不同文件中的内容），也可以使用ajax提交数据（这意味着您将验证并使用不同文件中的数据）

我建议ajax提交，因为这将适合您表单的需求

var$form=$（“#重置密码表单”）；
$form.submit（函数（事件）{
event.preventDefault（）；
$.ajax({
类型：$form.attr（'method'），
url:$form.attr（'action'），
数据：$form.serialize（），
成功：功能（响应）{
如果（响应！=“”）{
警报（“错误：+响应”）；
}否则{
警报（“密码重置！”）；
}
}
});
});

---

要使其工作，您必须使用表单上的METHOD属性来指向一个处理文件，您必须创建该文件（例如：ajax reset password.php）。在那里只要打印所有的错误，如果有任何。如果没有错误发生，就不要打印任何内容。上面的javascript将显示消息“密码重置！”。

您是否在modal的同一页上提交表单？（index.php）