admin 管理员组

文章数量: 1087649

form表单用butten提交后无反应表单提交三种方式

form表单用butten提交后无反应&表单提交三种方式

一，表单提交无反应

有时候，我们发现表单提交的butten按钮，根本就没niao用。鼠标都点烂了，也提交不上去。找了半天什么错误也没找到：（有时候可能是某个地方语法错了，或者命名冲突等）

既然找不到，索性就不找了，我们换一种提交方式，不能一棵树上吊死是不。

二，表单提交三种方式

1.第一种方式最常见，就是直接一个按钮，type=submit

<form action = "提交的地址"><input type="submit" value="提交">
</form>

2.第二种方式就是给按钮添加点击事件，这种方法相对灵活，可以做很多事情，包括ajax异步请求（然后通过回调函数根据后台响应数据，在前端做一些事情）等等。

<form action = "提交的地址"><input type="button" value="提交" οnclick="submit()">
</form>

3.第三种方式和第二种方式差不多，但是它更灵活，比如说出发事件的可以不是一个按钮，而是一个超链接或者图片之类的元素。

<form id="form1" action="提交的地址"><input type="button" value="提交" οnclick="document.getElementById('form1').submit();">
</form>
<form id="form1" action="提交的地址"><a οnclick="document.getElementById('form1').submit();">提交</a>
</form>

三，不能提交表单的其中一种情况，命名占用了submit

<input id="submit"  type="button"  class="one an" value="登录" />（不能提交）
<input name="submit"  type="button"  class="one an" value="登录" />（不能提交）

button的id是“submit”，导致了提交表单功能的失效。按F12，控制台报错了：Uncaught TypeError: form.submit is not a function 。问题的根源在于，对form中的button命名submit，这个名字和form的提交表单方法submit()名字重复了，这就导致了系统无法识别submit()这个方法，所以它不执行了

本文标签： form表单用butten提交后无反应表单提交三种方式

版权声明：本文标题：form表单用butten提交后无反应表单提交三种方式 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1686652529a20646.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。