百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>JS教程> jquery或js表单提交不了问题分析
分享文章到:

jquery或js表单提交不了问题分析

发布时间:01/15 来源: 浏览: 关键词:
不管你是js也好jquery也好如果你在form表单中出现input的name或id属性的值为submit的字样肯定利用js是提交不了,因为它会提交重名或无效的submit哦。

form表单提交可以直接使用表单的submit按钮来完成,也可以使用js的方式来提交,只要获取form对象,调用其submit方法即可,往往js的方式可以让提交表单更加灵活。当然使用jquery也可实现提交。如下的代码片段:

 代码如下

<script>
function jsSubmit() {
 var frm = document.getElementById('frm');
 frm.submit();
}

function jquerySubmit() {
 $('#frm').submit();
}
</script>

<form id="frm" action="./formtest.htm" method="get">
Username:<input type="text" name="username" />
<br />
<input type="submit" name="submit" value="提交" />
</form>
<a href="javascript:jsSubmit()">js submit form</a>
<br /><br />
<a href="javascript:jquerySubmit()">jquery submit form</a>

除了使用提交按钮外,普通js和jquery的方式都无法提交表单。多次确认js的代码是没有问题,可就是不工作。问题原因是出现在命名冲突上,就是说,在form表单中不能出现input的name或id属性的值为submit。上述代码的问题就是提交按钮的name的值为submit,所以造成js方式无法提交表单。所以如果要使用js来操作表单,一定要注意命名的问题。


js不能提交表单,提示对象支持此属性和方法 .


这总情况一般是由于存在表单或按钮的名字与js的保留字重名导致的,如:

 代码如下

<form name="objForm" method="post" action="action.do">   

  <input type="button" name="submit" onclick="do_commit()">

</form>

上面是一个在objForm中的按钮,我们采用do_commit()方法来提交objForm

 代码如下

function do_commit(){

  document.objForm.submit();

}

这个js方法提交的时候会出错,提示不支持此属性或方法,其实是因为我们的按钮名字叫submit了,导致不能提交,只需要修改成别的名字就可以了,当然记住不要取的名字和js的保留字重复就成。

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有3人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板