Question

在我的表单中，如果我点击提交按钮，则应提交。即使我在文本字段中并按回车键，表单也应提交。谁能告诉我为什么会这样？

<html>
    < body>

    <form name="input" action="html_form_action.asp" method="get">
        First name: <input type="text" name="FirstName"  /><br />
        Last name: <input type="text" name="LastName" /><br />
        <input type="submit" value="Submit" />
    </form> 

    </body>
</html>

Answer 1

这是正常行为。浏览器允许用户在文本字段中按Enter键提交表单;它使许多形式更方便。

Answer 2

这是提交按钮的默认行为。按Enter键时提交任务。如果你不想要你可以阻止它。在相关标签中使用以下代码。

event.preventDefault()

例如： -

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

Answer 3

正如昆汀所说，这是正常的行为。但是如果你想在输入按键后阻止提交，你可以这样做：

<SCRIPT LANGUAGE="javascript"> 
function testForEnter() 
 {    
   if (event.keyCode == 13) 
   {        
      event.cancelBubble = true;
      event.returnValue = false;
  }
} 
</SCRIPT>

有关详细信息，请参阅this post。

输入密钥时提交HTML表单

3 个答案: