Google浏览器提交表单不能执行submit()事件，IE居然可以

需求：用户在注册或者是登陆时，当点击注册或登陆按钮时，会对表单进行逐个校验，如果校验成功则跳转相关页面，如果校验失败就会显示相关错误信息。

问题：表单有问题时，点击登陆按钮，使用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后浏览器通用

Google浏览器提交表单不能执行submit()事件，IE居然可以相关推荐

ajax回调函数提交表单,MVC3中ajax提交表单无法执行success回调函数，怎么办?
js代码 function AjaxInitForm(formId, btnId, isDialog, urlId){ var formObj = $('#' + formId); var btnOb ...
提交表单POST请求
Web 表单在 HTML 中以窗体顶端元素表示,在 JavaScript 中则以 HTMLFormElement 类型表示. HTMLFormElement 类型继承自 HTMLElement 类 ...
submit()提交表单时，显示警示框
我同事在实现submit()提交表单时,想要页面弹出警示框. 但是折腾了几小时后发现,submit()始终不执行. 她的代码如下: $(document).ready(function(){ $(&q ...
使用jQuery提交表单
我想使用jQuery提交表单. 有人可以提供代码,演示或示例链接吗? #1楼来自手册: jQuery Doc $("form:first").submit(); #2楼您将必须 ...
【重复提交表单】表单重复提交的三种情况，解决办法
引入看一个重复提交表单的例子 F12可以看到,请求体中的参数在刷新页面之后仍然保留,因此每一次刷新页面,都会把现有的请求体中的表单数据提交一次到服务器,而接收的页面还是insert.jsp,于是造成 ...
jquery提交表单_jQuery提交表单
jquery提交表单 jQuery submit() function triggers when a user tries to submit a form. jQuery submit form ...
vue --- 提交表单到服务器
<template> <div><textarea v-model='content'></textarea><br/><input ...
[js] 如何按回车自动提交表单
[js] 如何按回车自动提交表单监听keydown事件并且判断按键代码为13,触发提交表单按钮或执行提交表单方法个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎 ...
js 用submit()方法提交表单，页面闪退问题以及解决方法
1.今天遇到一种情况,js使用submit方法提交表单,怎么都提交不过去,加断点倒跳过去了,主要实现的是这样的一个功能,点击一个按钮触发一个方法,在方法底下再提交表单过去,主要代码如下: <bu ...

Google浏览器提交表单不能执行submit()事件，IE居然可以

Google浏览器提交表单不能执行submit()事件，IE居然可以相关推荐

最新文章

热门文章