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()这个方法,所以它不执行了