js阻止表单提交默认行为的两种方式
有时候我们在表单进行提交前需要进行表单验证,如果验证不通过,那么就需要阻止表单提交的默认行为,下面介绍两种阻止此默认行为的方式。
1 第一种方式就是在按钮上绑定click事件,return false就会阻止默认行为,反之就进行默认行为。
<form action="http://www.baidu.com" method="post"> <!--<input type="submit" value="提交" onclick="return test()"/>--> <input type="submit" value="提交"/> </form>
function test(){ if(/*验证通过*/1){ return true; }else{ return false; } }
2 通过submit事件,通过调用event.preventDefault();方法来阻止默认行为。
$("form").on("submit",function(event){ if(/*验证通过*/1){ }else{ event.preventDefault();
//return false; 当然这里也可以返回false。 } })
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步