ajax在html里如何验证

form id="loginForm" action="login.php" method="post">
    
label for="username">
    用户名: /label>
    
input type="text" id="username" name="username" required>
    
br>
    
label for="password">
    密码: /label>
    
input type="password" id="password" name="password" required>
    
br>
    
input type="submit" value="登录">
    
/form>
    
script>
document.getElementById("loginForm").addEventListener("submit", function(event) {
    
event.preventDefault();
// 执行ajax请求进行验证
}
    );
    
/script>
    

script>
document.getElementById("loginForm").addEventListener("submit", function(event) {
    
event.preventDefault();
    
// 获取表单数据
var username = document.getElementById("username").value;
    
var password = document.getElementById("password").value;
// 执行ajax请求进行验证
$.ajax({
url: "check_login.php",
method: "POST",
data: {
username: username,
password: password
}
,
success: function(response) {
// 验证成功，允许用户登录
if (response === "success") {
    
document.getElementById("loginForm").submit();
}
 else {
    
alert("用户名或密码不正确");
}
}
,
error: function() {
    
alert("验证失败，请稍后再试");
}
}
    );
}
    );
    
/script>
    

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！