简单实现"回车!=提交"(去除表单的回车即提交)
2014-06-17 14:47
92 查看
--------------------------------------------------------------------------------------------------
实现"回车!=提交"的问题,一般可以从"按钮的type类型" 和 "输入框个数"两处着手。
------------------------------@chenwei <www.farwish.com>-------------------------------
默认情况下,单个输入框,无论按钮的type="submit"还是type="button"类型,回车即提交。
1.当type="submit"时,无论有几个type="text"输入框,回车均表示提交。(submit)
2.当type="button"时,且存在多个输入框,回车不提交。(button)
3.解决单个输入框的回车即提交问题,参考第二点:可以增加一个input="text",隐藏; 然后type类型为button。
在实际应用中,input输入框很少只有一个的情况,那么只需记住第二条即可应对。
使用JS事件阻止表单提交 不在本文讨论范围,当然也是可以实现的。
--------------------------------------------------------------------------------------------------
实现"回车!=提交"的问题,一般可以从"按钮的type类型" 和 "输入框个数"两处着手。
------------------------------@chenwei <www.farwish.com>-------------------------------
默认情况下,单个输入框,无论按钮的type="submit"还是type="button"类型,回车即提交。
1.当type="submit"时,无论有几个type="text"输入框,回车均表示提交。(submit)
2.当type="button"时,且存在多个输入框,回车不提交。(button)
3.解决单个输入框的回车即提交问题,参考第二点:可以增加一个input="text",隐藏; 然后type类型为button。
在实际应用中,input输入框很少只有一个的情况,那么只需记住第二条即可应对。
使用JS事件阻止表单提交 不在本文讨论范围,当然也是可以实现的。
--------------------------------------------------------------------------------------------------
相关文章推荐
- jquery按回车键实现表单提交的简单实例
- JavaScript--简单实现按回车键,光标跳转到后一文本框中和表单提交
- 如何实现通过回车键提交表单
- JavaScript实现"CTRL+回车"提交表单
- onsubmit="return false"用在表单,提交时直接按回车作用
- CTRL+ENTER CTRL加回车实现提交表单
- 解析jquery实现回车键提交表单
- 如何实现文本框焦点自动跳转及通过回车键提交表单
- .实现文本框焦点自动跳转及通过回车键提交表单
- javascript文本框回车自动提交表单功能实现
- form表单 按回车自动提交 实现方式
- jQuery实现Ajax提交form表单的简单方法
- 在ASP.NET登录页面中如何实现文本框焦点自动跳转及通过回车键提交表单
- JavaScript实现"CTRL+回车"提交表单
- 《struts---利用struts的标签,实现简单的表单提交及校验》
- 如何实现文本框焦点自动跳转及通过回车键提交表单
- 如何实现文本框焦点自动跳转及通过回车键提交表单[引用]
- 如何实现文本框焦点自动跳转及通过回车键提交表单
- MagicAjax执行javascript,实现回车事件提交表单
- 如何实现通过回车键提交表单