需求:用户在注册或者是登陆时,当点击注册或登陆按钮时,会对表单进行逐个校验,如果校验成功则跳转相关页面,如果校验失败就会显示相关错误信息。
问题:表单有问题时,点击登陆按钮,使用Google浏览器,未进行校验,直接执行了servlet的方法,而IE浏览器正常,如下图:
上面一张图为Google浏览器,直接执行了servlet相关方法,不正常,下面一张图为IE浏览器,正常。
form标签的id为loginForm,提交按钮标签的id为submit,如下图
下图为js中的submit事件
为什么IE可以,Google不行呢?
经过多次的测试,发现是ID选择的问题,Google浏览器执行submit()事件时,只认form标签的ID,而IE浏览器既能识别form标签的ID,又能识别提交按钮的ID.这是Google与IE的一点不同之处。
下图改为form标签的ID后浏览器通用