取消回车自动提交表单
2014-09-20 16:26
260 查看
1、如果form里面只有一个input type=text,那么无论有没有submit按钮,在input中回车都会提交表单。
如果不想回车提交,需要再加一个input type=text,然后设置display:none.
2、如果form里面多于一个input type=text,那么必须有一个submit按钮才可以回车提交表单。
按钮可以是input也可以是button,他们应设置type=submit。
如果只写button而不写type,那么IE下type=button,FF下则是type=submit。
示例代码<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
PS:<button> </button>
<html>
<body>
<form action="/example/html/form_action.asp" method="get">
First name: <input type="text" name="fname" /><br />
Last name: <input type="text" name="lname" /><br />
<button type="submit" value="Submit">Submit</button>
<button type="reset" value="Reset">Reset</button>
<button type="button" >button</button>
</form>
</body>
</html>
附加参考文档:http://taoistwar.iteye.com/blog/424861
如果不想回车提交,需要再加一个input type=text,然后设置display:none.
2、如果form里面多于一个input type=text,那么必须有一个submit按钮才可以回车提交表单。
按钮可以是input也可以是button,他们应设置type=submit。
如果只写button而不写type,那么IE下type=button,FF下则是type=submit。
示例代码<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<pre name="code" class="html"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta charset="utf-8"> <script src="../string/jquery-1.11.1.min.js"></script> </head> <body> <form <span style="color:#FF0000;">name="myform"</span> action="http://www.baidu.com" type="post" <span style="color:#FF0000;">id="myform"</span>> <input type="text" id="keyword"> <input type="text" style="display:none;"> <input type="button" id="mysubmit" value="跳转"> </form> </body> <script> $("#mysubmit").click(function () { <span style="color:#FF0000;">$("#myform").submit();//写法1 //document.myform.submit();//写法2,myform是form的name</span> }) $("#keyword").keyup(function (e) { if(e.keyCode == 13){ window.location.href="http://www.csdn.net"; //window.open("http://www.csdn.net"); } }) </script> </html>
PS:<button> </button>
<html>
<body>
<form action="/example/html/form_action.asp" method="get">
First name: <input type="text" name="fname" /><br />
Last name: <input type="text" name="lname" /><br />
<button type="submit" value="Submit">Submit</button>
<button type="reset" value="Reset">Reset</button>
<button type="button" >button</button>
</form>
</body>
</html>
附加参考文档:http://taoistwar.iteye.com/blog/424861
相关文章推荐
- 防止INPUT回车自动提交FORM表单
- 网页中表单按回车就自动提交的问题总结
- 防止表单回车form自动提交以及检测回车事件并处理
- 如何防止INPUT按回车自动提交表单FORM
- 如何在asp.net实现文本框焦点自动跳转及通过回车键提交表单
- 在有多个input的表单当中按回车按钮,如何不自动提交表单,而触发某个按钮的事件
- 表单按回车自动提交
- 表单改变回车键/submit功能不自动提交表单(AJAX内容一闪而过)
- 如何实现文本框焦点自动跳转及通过回车键提交表单
- 在ASP.NET登录页面中如何实现文本框焦点自动跳转及通过回车键提交表单
- javascript文本框回车自动提交表单功能实现
- 如何实现文本框焦点自动跳转及通过回车键提交表单
- 在文本框按回车 表单自动提交的解决方法
- 网页中表单按回车就自动提交的问题的解决方案
- 表单按回车自动提交
- 表单按回车自动提交
- IE下回车事件的表单自动提交问题
- 文本框焦点自动跳转及通过回车键提交表单的几种代码
- 当form表单中只有一个input时按回车键将会自动将表单提交
- 表单按回车自动提交