如何防止空表单内容提交？

本文共计389个文字，预计阅读时间需要2分钟。

阻止表单提交的场景在生活中很常见，我们经常遇到。在我们第一印象中，可能直接使用 return false 去阻止表单默认提交。然而，有些情况下，即使使用 return false 也不能阻止表单提交。

阻止form表单提交这种场景可能在生活中，我们经常碰到，而在我们第一印象里面可能我们用return false 去阻止表单默认行为。 　　但是，有中情况我们用return false 不能阻止表单提交

登录到pfan空间

这里有更多的知识分享，交流。

以上代码我们看着，好像没有错误，但是，表单依然可以提交，测试环境chrome。 　　但是我们将return false 改成用 e.preventDefault()，却可以达到阻止表单提交的效果：

登录到pfan空间

这里有更多的知识分享，交流。

onsubmit实现

登录到pfan空间

这里有更多的知识分享，交流。