jquery submit()不能提交表单

最新推荐文章于 2018-01-14 21:35:49 发布

羲玥

最新推荐文章于 2018-01-14 21:35:49 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery&html 文章标签： jquery sumbit

本文链接：https://blog.youkuaiyun.com/mr_xiyue/article/details/51194617

jquery&html 专栏收录该内容

0 篇文章

订阅专栏

本文介绍了一个关于使用JQuery submit()方法提交表单时遇到的问题及其解决方案。问题源于表单按钮的id和name属性与表单属性冲突，通过调整这些属性解决了问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当使用jquery中的submit()提交表单时，怎么都提交不了，最后发现是一个细节问题。

	<form action="${ctx}/user/addUser" method="post" id="formSubmit">
		<div>
			<label>用户名</label>
			<input placeholder="用户名由6-16位汉字、英文字母、数字及下划线组成" type="text" name="loginName" id="loginName" class="input" />
			<span class="labelError" id="loginNameError"></span>
		</div>
		<div>
			<label>密码</label>
			<input placeholder="密码由6-16位汉字、英文字母、数字及下划线组成" type="password" name="password" id="password" class="input" />
			<span class="labelError" id="passwordError"></span>
		</div>
		<div style="text-align: center;">
			<button type="button" <span style="color:#FF6666;">id="submit" name="submit"</span> class="btn" onclick="checkSubmit();" value="">添加</button>
		</div>
	</form>

<script type="text/javascript">
     function checkSubmit(){
             $("#formSubmit").submit();
     }
</script>

这样一个表单，通过jquery的sumbit()提交，看似代码没有任何问题，但是怎么都提交不了。

原因！！！！！！！

<span style="color:#FF6666;">id="submit" name="submit"</span>

表单和其子元素不宜用一个表单的属性的属性作为name或id的名称，如submit, length, or method，是、会产生冲突。名称冲突可能会导致混乱的失败。

如果想使用id,或者name属性，一定要注意属性名称不要用特殊的字段，避免冲突。

<button type="button"  class="btn" onclick="checkSubmit();" value="">添加</button>  代码去掉id,和name属性后可以正常提交（或者id，name,换个属性名称）