我有一個登錄表單，其中包含兩個輸入電子郵件和密碼。如果用戶輸入了不正確的憑據(jù)，我必須向他們顯示錯誤。我已經(jīng)在PHP中完成了表單驗證，因此我需要從表單發(fā)送數(shù)據(jù)并獲得響應(yīng)消息，而無需刷新頁面。我是ajax的新手，所以我不知道該怎么做登錄.php<form action="register.php" method="POST" autocomplete="off"> <h1 class="card-title display-4 mt-4 mb-5 text-center">Login</h1> <div class="form-group"> <input type="email" class="form-control" id="email" placeholder="Email" name="email" /> <div class="email-status"></div> </div> <div class="form-group"> <input type="password" class="form-control" id="password" placeholder="Password" name="password" /> <div class="password-status"></div> </div> <p class="card-text text-center"><a href="forgotpassword.php">Forgot your password?</a></p> <span class="d-flex justify-content-center"> <button type="submit" class="btn btn-primary mb-4 w-50" style="border-radius: 20px;" name="login_btn" id="login_btn">Login</button> </span> <div class="success"></div> </form><script> $(document).ready(function() { $("#login_btn").click(function() { var email = $("#email").val(); var password = $("#password").val(); $.ajax({ url: 'register.php', type: 'post', data: { email: email, password: password }, success: function(response) { var emailstatus = ""; var passwordstatus = ""; var success = ""; if (response == 1) { emailstatus = "required"; } } }); }); }); </script>
2 回答
藍(lán)山帝景
TA貢獻(xiàn)1843條經(jīng)驗 獲得超7個贊
按如下方式替換 ajax 的數(shù)據(jù)對象，您當(dāng)前的代碼將正常工作：
data: {
email: email,
password: password,
login_btn: true
}
您正在檢查未通過 ajax 傳遞login_btn值的集。
慕絲7291255
TA貢獻(xiàn)1859條經(jīng)驗 獲得超6個贊
您必須阻止自動表單提交。向表單元素添加 Id 或類，并添加此代碼
文檔內(nèi)部準(zhǔn)備就緒
$("#form-id").submit(function(e){
e.preventDefault();
});
并在表單元素中添加一個 Id
<form action="register.php" id='form-id' method="POST" autocomplete="off">
- 2 回答
- 0 關(guān)注
- 118 瀏覽
添加回答
舉報
0/150
提交
取消