按Enter键时禁用以html格式提交表单

时间:2014-09-22 17:52:16

标签: javascript jquery html html5 html-form

我有一个包含多个文本字段的HTML表单。因此,当我按下回车键时,我想将光标从文本字段移动到下一个文本字段,但不应提交表单。我怎样才能做到这一点?如果有代码示例,它可能对我更有帮助。

3 个答案:

答案 0 :(得分:2)

按键盘上的Tab键而不是输入。

答案 1 :(得分:0)

我使用此功能来执行您的要求:

$(document).on("keypress", ".TabOnEnter" , function(e)
  {
    if( e.keyCode ==  13 )
    {
       var nextElement = $('[tabindex="' + (this.tabIndex+1)  + '"]');
       console.log( this , nextElement ); 
       if(nextElement.length )
         nextElement.focus()
       else
         $('[tabindex="1"]').focus();  
    }   
  });

使用' TabOnEnte'您希望此类应用于的字段上的类。

还要阻止用户使用回车键提交:

if (e.which == 13) {
    e.preventDefault();
}

答案 2 :(得分:0)

我得到了答案。它应该放入我们想要的输入标签。

onkeydown='if ((event.keyCode == 13 && document.getElementById("field_0").value!="") &&  event.which == 13){   
                document.getElementById("field_1").focus();
                event.preventDefault();
}'