Jquery表单验证失败后不提交的解决方法

前言

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

return

的

false

在

onclick

事件中没有返回，所以

onclick

之后只是显示了

false

值。

解决方法示例

就是一个普通的表单验证提交：

<input type="botton" </code><code>onclick="javascript:checkUserInfo()"</code><code>/>

checkUserInfo()

是一个jquery验证方法，错误返回

false

。

问题在于：返回

false

后表单提交。

发现只需要把：

onclick="checkUserInfo()"

改成：

onclick="return checkUserInfo()"

返回false的时候就可以阻止表单提交了。

总结

以上就是Jquery表单验证失败后不提交的全部内容，或许很多人一看就明白了如何操作，但是避免不了因为工作的繁忙而忘记，希望这篇文章对大家能有一定的帮助，如果有疑问大家可以留言交流。

您可能感兴趣的文章:

Jquery插件easyUi表单验证提交(示例代码)
jquery+ajax验证不通过也提交表单问题处理
jQuery中验证表单提交方式及序列化表单内容的实现
jquery validate和jquery form 插件组合实现验证表单后AJAX提交
基于jQuery实现表单提交验证
jquery实现表单验证并阻止非法提交
jQuery EasyUI提交表单验证
jQuery form插件之formDdata参数校验表单及验证后提交
jQuery Real Person验证码插件防止表单自动提交
Jquery练习之表单验证实现代码