jquery submit()不能提交表单的解决方法

深藏阁楼爱情的钟 2022-09-21 15:19 203阅读 0赞

<ol class="linenums"><li class="L0"><span class="tag"><form</span><span class="pln"> </span><span class="atn">id</span><span class="pun">=</span><span class="atv">"form"</span><span class="pln"> </span><span class="atn">method</span><span class="pun">=</span><span class="atv">"get"</span><span class="tag">></span></li><li class="L1"><span class="tag"><input</span><span class="pln">  </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text"</span><span class="pln"> </span><span class="atn">name</span><span class="pun">=</span><span class="atv">"q"</span><span class="pln"> </span><span class="atn">value</span><span class="pun">=</span><span class="atv">"设计蜂巢"</span><span class="tag">/><button</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"button"</span><span class="pln"> </span><span class="atn">id</span><span class="pun">=</span><span class="atv">"submit"</span><span class="tag">></span><span class="pln">查询</span><span class="tag"></button></span></li><li class="L2"><span class="tag"></form></span></li><li class="L3"><span class="tag"><script</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></span></li><li class="L4"><span class="pln">$</span><span class="pun">(</span><span class="kwd">function</span><span class="pun">(){</span></li><li class="L5"><span class="pln">	$</span><span class="pun">(</span><span class="str">'#submit'</span><span class="pun">).</span><span class="pln">click</span><span class="pun">(</span><span class="kwd">function</span><span class="pun">(){</span></li><li class="L6"><span class="pln">		$</span><span class="pun">(</span><span class="str">'#form'</span><span class="pun">).</span><span class="pln">submit</span><span class="pun">()</span></li><li class="L7"><span class="pln">	</span><span class="pun">})</span></li><li class="L8"><span class="pun">})</span></li><li class="L9"><span class="tag"></script></span></li></ol>

上述代码看上去貌似没什么问题，简直是普通了不能再普通的代码。可是点击查询按钮的时候死活不提交表单，按钮type改为submit表单提交正常。于是上[jQuery][] API查找原因，看到以下这段文字顿时明白了：

> Additional Notes:  
> Forms and their child elements should not use input names or ids that conflict with properties of a form, such as submit, length, or method. Name conflicts can cause confusing failures. For a complete list of rules and to check your markup for these problems, see DOMLint.

其他注意事项：  
表单和其子元素不宜用一个表单的属性的属性作为name或id的名称，如submit, length, or method，是、会产生冲突。名称冲突可能会导致混乱的失败。对于一个完整的规则列表，并检查这些问题标记，看DOMLint。

－\_－^ 原来就是这个id=”submit”的原因，不知道你有木有犯这种低级的错误.

ps:就是要查看你的  <input type="button" class="gridViewHeader" name="submit"  value=" 提 交 " οnclick="validateName('submit')"/> 这里面的 name 值 要改为 name="submit1" 就是不能为 " submit" 就OK啦

[jQuery]: http://lib.csdn.net/base/jquery

发表评论取消回复

表情：

评论列表（有 0 条评论，203人围观）

还没有评论，来说两句吧...

相关阅读

相关通过submit提交的表单怎么实现ajax提交

通过ajax实现对submit表单的提交我们知道，ajax提交是不能使用submit的，如果用submit会直接跳过ajax提交。如果你一定要用submit来提交表

偏执的太偏执、/ 2022年12月11日 09:21/ 0 赞/ 202 阅读

相关 jquery submit()不能提交表单的解决方法

<ol class="linenums"><li class="L0"><span class="tag"><form</span><span class="pln">

深藏阁楼爱情的钟/ 2022年09月21日 15:19/ 0 赞/ 204 阅读

相关表单提交type="submit"&&type="image"的区别

type=”submit”&&type=”image”的区别: 我们知道type=image可以作为表单的图片按钮，表面上 type=image和type=submit都

布满荆棘的人生/ 2022年06月09日 12:49/ 0 赞/ 238 阅读

相关 JQuery AJAX 的表单提交

jQuery Form插件是一个优秀的Ajax表单插件，可以非常容易地、无侵入地升级HTML表单以支持Ajax。 jQuery Form 有两个核心的方法--aja

傷城~/ 2022年05月20日 03:34/ 0 赞/ 408 阅读

相关 submit方法提交表单数据中文乱码

遇到的问题如题，使用submit方式，将form中的数据提交到后台，出现了中文乱码的问题。原先一直认为是tomcat配置或者字符串编码的问题，但是因为在同一工程中，其他表单

﹏ヽ暗。殇╰゛Y/ 2022年05月19日 07:55/ 0 赞/ 294 阅读

相关 Jquery 提交表单

jquery 序列化表单提交：前端js： $("okBtn").click(function () { $("okBtn").a

深碍√TFBOYSˉ_/ 2022年05月18日 09:06/ 0 赞/ 327 阅读

相关 jquery ajax异步提交表单数据的方法

原文地址：[https://www.cnblogs.com/zhaoyingjie/p/8503154.html][https_www.cnblogs.com_zhaoying

Myth丶恋晨/ 2022年05月13日 01:04/ 0 赞/ 267 阅读

相关 JS 表单submit 提交无效的问题

<script> window.onload = login; function login()\{ document.getElementById("userna

本是古典何须时尚/ 2022年03月20日 13:44/ 0 赞/ 399 阅读

相关 jquery表单提交正确方法

[jQuery中设置form表单中action值的方法 ][jQuery_form_action_] 2011-09-08 16:34 1409人阅读 [评论][Link

电玩女神/ 2021年11月11日 03:08/ 0 赞/ 357 阅读

相关阻止form表单submit提交

近日在做项目的时候部分需要用到表单验证，原本想用插件进行验证的，结果发现只需要验证一个地方，就想自己用js写一下，过程中发现一个问题，在验证错误的时候需要点击submit时无法

爱被打了一巴掌/ 2021年09月26日 05:34/ 0 赞/ 507 阅读