本文主要是介绍ajax提交form表单,禁用默认表单提交并保留input的数据校验,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
设置表单的οnsubmit="return login()",让login函数返回false,注意false小写,Python写惯了,之前写成False。
html代码:
<form method="POST" id="login_form" onsubmit="return login()"><div class="input"><input type="text" name="username" placeholder="用户名/邮箱" required id="id_username"></div><div class="input"><input type="password" name="password" placeholder="密码" maxlength="100" required id="id_password"></div><div class="sign_up"><input type="submit" name="commit" value="登录" id="sign_up_btn"></div></form>
js代码:
function login() {form = $("#login_form")$.ajax({type: "POST",url: window.location.href,//表单接收urldata: form.serialize(),success: function (data) {alert('success')},error: function (data) {alert('error')}});//返回false表单的默认提交事件return false
}
这篇关于ajax提交form表单,禁用默认表单提交并保留input的数据校验的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!