2017-04-18 70 views
0

我需要一些帮助。当我的模式窗口出现问题时,我需要显示错误。现在,正在关闭,也有错误。我试图找到一些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> 

+0

您是否在模态的同一页上提交表单? (的index.php) –

回答

0

提交表单与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>'); 
    } 
    }); 
}); 
0

有两种不同的选择,当它归结为您发布的数据;你可以对数据进行ajax验证(这意味着你需要验证不同文件中的内容),或者你需要ajax提交数据(这意味着你需要验证和使用不同的数据文件)。

我建议ajax提交,看到这将适合你的形式的需求。

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> 
<script> 

    var $form = $('#resetPassword form'); 

    $form.submit(function(event) { 

     event.preventDefault(); 

     $.ajax({ 

      type: $form.attr('method'), 
      url: $form.attr('action'), 
      data: $form.serialize(), 

      success: function (response) { 

       if(response != "") { 

        alert("Errors: " + response); 

       } else { 

        alert("Password reset!"); 

       } 

      } 
     }); 
    }); 
</script> 

对于它的工作,你不得不使用的方法属性的形式指向一个处理文件,你必须创建(例如,Ajax的重置密码。 php)。在那里只是打印所有的错误,如果有的话。如果没有发生错误,就不要打印任何东西。上面的JavaScript将显示消息“密码重置!”。

相关问题