下面为我做的一个小demo,其中包括了submit提交实现方法和按钮调用js方法来实现(建议读者将这些代码自己亲手执行一下体验其中的美好O(∩_∩)O~)
注:form表单中的name最好别用submit来命名,避免和浏览器冲突
- <html> <head> <base href="<%=basePath%>"> <title>js实现form表单提交</title> </head> <body> <script type="text/javascript"> //页面刷新之后就会执行弹出框,则证明表单已经提交 alert("页面已经刷新证明表单提交成功"); function buttonsubmit(){ document.getElementById('myform').submit() //下面为用jquery方法提交,不过需要引入js文件 //$('#myform').submit(); } </script> <form method="post" id="myform" name="myform1" > <div><input type="text" name="a" value="1" id="a" /></div> <div><input type="text" name="b" value="2" id="b" /></div> <div><input type="hidden" name="c" value="3" id="c" /></div> <div> <!--下面按钮是通过submit提交实现--> <input type="submit" name="g" value="Submit提交" id="g" /> <!--下面按钮是通过按钮调用js方法实现--> <input type="button" name="h" value="button提交" id="h" onclick="buttonsubmit()" /> </div> </form> </body> </html> -效果:将代码放到一个txt文本中,将文件后缀改为html,用浏览器打开将出现下图效果,当单击对应按钮的时候都会有提示框弹出,证明表单提交成功。