"本文讲述了在项目中使用Form表单进行数据验证和提交的过程。当表单字段失去焦点时，通过onBlur事件调用checkPhone()和checkPassword()进行校验，并在错误时显示提示。然而，发现即使输入错误，点击登录按钮仍会提交数据到后台。为了解决这个问题，只需在提交按钮的事件处理函数中添加判断，如`onSubmit={check()}
以前很少用到 form 表单的一些属性用它也只是关心样式如何，最近的项目中需要传值的，觉得 form 比 Ajax 方便一点就用的 form ，熟悉了之后才发现，
form 还是很的强大
onBlur="checkPhone()">
onBlur="checkPassword()">
登录
这是我项目中登录的代码，在填写了手机号失焦之后会触发 checkPhone 判断填写是否正确，如果不对就在后面提示。
页面显示
login.png
判断后显示
error.png
那么问题来了，今天打开发现填写的信息错误时，页面虽然会提示错误但是如果点击登录还是会把数据返回到后台，而这不是我想要的效果，查了一些问文档，然后找到了解决方法，其实只需要在提交那里添加一个判断即可。下面是我写的一个小栗子：
Title运行时，网页上的URL显示：
1.png
点击按钮后页面URL：
1.png
可以发现点击提交，页面发生了跳转，但是如果加上判断：
Titlefunction check() {
return false;
}
可以发现，不管怎么点击它的URL都是不会发生变化的：
1.png
1315
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
