2017-04-18 69 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將顯示消息「密碼重置!」。

相關問題