Javascript屏蔽回车提交表单
2015-05-20 16:56
483 查看
html利用input防止回车提交
默认情况下,单个输入框,无论按钮的type=”submit”还是type=”button”类型,回车即提交。
1.当type=”submit”时,无论有几个type=”text”输入框,回车均表示提交。(submit)
2.当type=”button”时,且存在多个输入框,回车不提交。(button)
3.解决单个输入框的回车即提交问题,参考第二点:可以增加一个input=”text”,隐藏; 然后type类型为button。
js防止回车提交
或者使用jquery
或直接写在html中
默认情况下,单个输入框,无论按钮的type=”submit”还是type=”button”类型,回车即提交。
1.当type=”submit”时,无论有几个type=”text”输入框,回车均表示提交。(submit)
2.当type=”button”时,且存在多个输入框,回车不提交。(button)
3.解决单个输入框的回车即提交问题,参考第二点:可以增加一个input=”text”,隐藏; 然后type类型为button。
js防止回车提交
function ifenter(){ if(event.keyCode==13){ return false; }else if(event.srcElement.type=="submit"){ form1.submit(); } } document.onkeydown=ifenter;
或者使用jquery
/禁止按回车提交 $(document).ready(function(){ $("input[@type='text']").each( function(){ $(this).keypress( function(e) { var key = window.event ? e.keyCode : e.which; if(key.toString() == "13"){ return false; } }); }); })
或直接写在html中
<form name="myform" action="" onkeydown="if(event.keyCode==13){return false;}"> <input type=text name=user> <input type=text name=pass> <input type=button name=mybutton value=submit onclick=myform.submit()> </form>
相关文章推荐
- JavaScript阻止回车提交表单的方法
- 屏蔽表单中的input回车 提交
- Firefox兼容的JavaScript回车提交表单
- JavaScript--简单实现按回车键,光标跳转到后一文本框中和表单提交
- JavaScript 按回车键提交搜索表单 easyui ajax方式
- javascript实现回车键提交表单方法总结
- Javascript 函数: CTRL+回车 提交表单
- javascript:回车提交表单
- js防止回车(enter)键提交表单及javascript中event.keycode
- javascript实现回车提交表单
- javascript 回车键触发表单提交的问题
- 用jQuery屏蔽掉按回车键时提交表单
- javascript 删除 屏蔽键盘鼠标 提交表单
- JavaScript禁止没有回车事件的input触发submit提交表单事件,已有回车触发事件的input不受影响
- MagicAjax执行javascript,实现回车事件提交表单
- 如何屏蔽按回车提交form表单的动作
- Javascript 函数: CTRL+回车 提交表单 By shawl.qiu
- 防止SQL注入和禁止回车提交表单Javascript代码
- javascript实现回车键提交表单方法总结
- Javascript 函数: CTRL+回车 提交表单