只有存在submit提交按钮form的submit事件才会触发
分类:实例代码
可能在实际编码中遇到这样的情况,为form元素注册submit事件并不会被触发。
造成此种情况的一个很大可能就是因为form表单内没有submit元素。
代码实例:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>前端教程网</title> <script> window.onload=function(){ var oform=document.getElementById("theform"); var odiv=document.getElementById("show"); oform.onsubmit=function(ev){ odiv.innerHTML="submit事件触发"; } } </script> </head> <body> <div id="show"></div> <form name="theform" id="theform" action="http://www.pipipi.net"> <div><input type="text"></div> <div><input type="text" ></div> <div><input type="text" ></div> <div><input type="text" ></div> <div><input type="text" ></div> <div><input type="submit" value="查看效果"></div> </form> </body> </html>
只有type为submit或者image的时候才会触发submit事件,其他类型则不会触发。