欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

禁止回车提交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,简单粗暴.