onsubmit return false仍然提交表单的问题

问题： 使用表单的onsubmit属性进行判断非空的时候 return false仍然会执行
解决方案

1. 首先检查JS是否存在语法错误，如图所示

   并不存在userName这个变量 所以执行完真实姓名不能为空之后由于Js的语法错误 而导致后面的return false并没有生效 所以依旧会提交表单

---

2. 如果只有一个表单项，则需要把submit按钮换成button类型的，再使用onclick()就好了

   原因是onsubmit 这个方法是在提交表单时产生的，也就是先提交表单后调用方法
   修改后的代码如下：

   <input type="button" value="立即注册" onclick="check()"/>
   //这个解决方案其实只适用于表单中只存在一个表单项的情况，如果表单项大于一个，则不会出现这个情况
   

总结：发生这个问题的，大多数时候只有我这种前端小白或者是压根不了解前端现学的导致的第一种情况，平时多注意一些细节，则很少会出现这种问题