Ajax表单验证失败后，阻止表单提交（jQuery）

最新推荐文章于 2022-11-09 11:37:01 发布

置顶

java奋斗生

最新推荐文章于 2022-11-09 11:37:01 发布

阅读量2k

点赞数 1

分类专栏： javaweb jQuery Ajax

本文链接：https://blog.csdn.net/qq_42444651/article/details/89434678

版权

本文介绍了如何使用jQuery的Ajax进行表单验证。在验证失败时，阻止表单的直接提交。首先，HTML界面需给表单定义id，确保提交按钮type属性不为submit。Ajax验证代码中，设置url为服务器验证地址，成功后在回调函数中处理表单提交。

摘要由CSDN通过智能技术生成

Ajax表单验证失败后，阻止表单提交（jQuery）

HTML界面

'<form action="/WangYiYun/PhoneLogin" id="login_form" class="phone_login_form">' + 
	'<input type="text" id="phone" placeholder="请输入手机号" required="required" pattern="1[3|5|7|8][0-9]{9}"/>'+
	'<input type="password" id="password" placeholder="请输入密码" required="required" />'+
	'<p id="phoneDiv"></p>'+
	'<input type="button" id="phone_login_button" value="登&nbsp;&nbsp;&nbsp;&nbsp;录">'+
'</form>';

首先，要给表单form标签定义id，方便jQuery找到表单元素，里面的提交按钮属性type一定不能为submit。
action是表单提交的地址