JQuery如何在验证表单失败的情况下阻止表单提交

自定义验证时,使用了return false和event.preventDefault(),但是验证失败之后表单还是提交了

这个问题我也碰到了,尝试了多次也没有用,在调试的时候也发现确实return了false那为什么还会提交呢

这个问题经过我的整理发现是对事件的认识和js的结构没有了解清楚

return的false在onclick事件中没有返回,所以onclick之后只是显示了false值

解决方法:

在onclick事件中添加return关键字即可

onclick="loginCheck()"

  

改为

onclick="return loginCheck();"

  

若是简单的表单验证也可以使用jquery自带的验证或其它方法,希望可以帮到大家。

参考:

http://www.w3school.com.cn/jsref/event_onclick.asp

http://www.dewen.net.cn/q/11718




原文地址:https://www.cnblogs.com/zhucheng88/p/5694458.html