禁止回车提交form表单
程序员文章站
2022-07-08 09:35:21
...
-
方法1
使用js监听回车事件并阻止向上冒泡即可<form name="form1" method="post" onkeydown="init();"> function init() { function keydownFn(e) { if(e.keyCode===13){ e.preventDefault(); e.stopPropagation(); } } var $f = document.getElementById('xx'); $f.addEventListener('keydown', keydownFn); }
-
方法2
当form中存在多个<input>时,回车将不会提交表单.因此,我们使用另一个<input>隐藏在页面中即可<input style="display:none;">
推荐方法2,简单粗暴.