亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何添加AJAX表單提交錯誤提醒?

如何添加AJAX表單提交錯誤提醒?

PHP
智慧大石 2023-09-15 17:33:14
這里是新手 Web 開發人員。我添加了一個基于教程的 PHP-AJAX-jQuery 表單,它還具有加載 GIF 功能。在測試中,我發現如果任何表單提交成功插入新的數據庫條目,并且在任何提交失敗插入新數據庫的情況下,表單下方隱藏的包含 div 的“提交成功”消息將替換加載 GIF輸入時,加載 GIF 將保持可見,不會發生任何進一步的情況。我想知道是否可以對 AJAX 代碼進行相對簡單的更改,以便如果表單提交無法生成新的數據庫條目,則加載 GIF 將被隱藏,并會顯示另一個包含 div 的警報(例如下面的代碼中包含雙星號的新的包含 div 的警報)?或者,如果這個選項比我意識到的更復雜,我很欣賞任何關于集成 AJAX 警報以簡單地通知用戶未收到表單提交的建議。謝謝!HTML 表單:<form id="contact">  ...  <button name="submit" type="submit" id="submitBtn">Submit</button>  <img src="../../images/loading-dots.gif" id="loader" style="display: none"></form><div id="successMsg" class="style_success">Message sent successfully!</div>**<div id="errorMsg" class="style_error">An error occurred. Please try contacting us via email instead.</div>***最后一個 div 包含的消息(用雙星號括起來)是我想要在處理表單數據時出現錯誤時顯示的消息。阿賈克斯:$("#submitBtn").hide('fast');$("#loader").show('fast');$.ajax({    url:"private/php_scripts/submission.php",    data:{key:"saveData",name:name,email:email,message:message},    method:"POST",    success:function (response) {        var data = response.split('^');        if (data[1] == "saved") {            $("#submitBtn").show('fast');            $("#loader").hide('fast');            $("#successMsg").show('fast');            $("#successMsg").fadeOut(10000);            $("form#contact").each(function () {                this.reset();            });        }    }});
查看完整描述

1 回答

?
侃侃爾雅

TA貢獻1801條經驗 獲得超16個贊

意識到我需要做的就是復制 success:function 下的 if 語句并將其粘貼為數據的 else if 語句!= =已保存,然后將我的新 div 消息的 #successMsg 更改為 #errorMsg。謝謝。



查看完整回答
反對 回復 2023-09-15
  • 1 回答
  • 0 關注
  • 110 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號