JS和jQuery无法使用提交方式提交表单的原因分析及解决方案

昨天做表单异步提交内容的时候，遇到了一个很奇怪的问题。submit()方法无法提交，每次提交都刷新当前页面。网络抓到包，发现每次拿到当前页面，根本就没有发文请求。我以为之前遇到这样的问题是因为表单中的姓名或id与提交冲突，但经过几次检查，始终没有发现任何姓名冲突，所以排除了这种可能。

我通常自己做触发按钮，但我基本上不使用A标签。但是昨天不知道是什么问题，就用A给了href空白。因为A的类有多个内容，所以我根本没有去看href，也没有写内容。因此，每次执行点击操作都会触发操作href=' '，该操作会重新打开当前页面，导致提交失败。解决方法：在href中加入javascript:或者JavaScript : void(0)；

出现问题的地方：

已解决：

部分js:

补充：js表单提交和提交提交的区别。

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Strict . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；Charset=utf-8' /title无标题文档/title/headline脚本函数test(){ document . getelementbyid(' my form ')。submit()；警报(11)；}/script form name=' my from ' id=' my form ' method=' get ' action=' b . PHP ' Input type=' text ' name=' pwd ' value=' '/Input type=' sub ' value=' 111 '/Input type=' button ' name=' BTN ' value=' BTN ' onclick=' test()'//form/body/html注意：在get模式下提交表单时，不能使用url在action中传递值，但可以在post中传递。

js提交和提交按钮提交的区别：

1.js在向所有浏览器提交表单时(因为它没有被点击)不会带来submit button的值。

2.输入回车提交w3c浏览器会带来submit按钮的值，但ie6不会。

解决方案：添加隐藏字段。由此判断，无论你提交哪种方式，都会有价值。

提交事件：绑定在提交按钮上。

那是：

复制的代码如下：输入类型='提交'名称=' BTN '值=' BTN' onclick=' test ()'/

会带来submit的值，用js提交不会检测onsubmit状态。

W3c:提交一次。

Ie6:提交两次，第一次js以表单形式提交。

解决方案：如果按钮是submit，则使用onsubmit事件进行检测。

如果按钮为按钮，提交事件将在通过测试后触发。

不要用js提交表单，然后用onsubmit检查。

只需用js提交表单，在alert和FF下阻止表单的提交，浏览其他。

以上就是边肖介绍的JS和jQuery不能通过提交方式提交表单的原因的知识。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！