Question

我有一个HTML输入，它是一个文本字段。当我按下回车时，这将调用提交，这是正常的。

现在，我想在点击该文本框时输入其他内容。

我正在尝试这样的事情：

<input type="text" 
       id="first_page"  
       onPaste="" 
       onkeydown="if (event.keyCode == 13) alert('enter')" />

警报效果很好但提交仍然完成。之后我的页面正在重新加载。

你能帮帮我吗？

Answer 1

写return false;并检查

Answer 2

使用jquery

<script>
            $('#first_page').keypress(function(e) {
              if (e.keyCode == '13') {
                 e.preventDefault();
                 //your code here
               }
            });
        </script>

使用javascript

<input type="text" id="first_page"  onPaste="" onkeydown="if (event.keyCode == 13) { alert('enter');return false;}" />

Answer 3

其他选项是使用onkeypress

<input type="text" id="first_page"  onPaste="" onkeypress="if (event.keyCode == 13) {alert('enter'); return false;}" />

Answer 4

您可以尝试以下脚本：

 <script>
 function checkEnter(event)
{
    if (event.keyCode == 13) 
   {
       alert('enter')
       return false;
    }
}

和Html：

<input type="text" id="first_page"  onPaste="" onkeydown="return checkEnter(event);" />

Answer 5

您应该在false事件处理函数中返回keydown，以防止进一步处理该事件。

此外，您可能会发现以下问题很有用：Prevent Users from submitting form by hitting enter。

Answer 6

在alert('enter')

之后编写以下代码

return false;

Answer 7

使用它，它在我的工作。

替换keydown：

onkeydown="if (event.keyCode == 13 || event.which == 13) event.preventDefault();"

Answer 8

$（function（）{$（'＃form'）。validationEngine（）;}）; 它可以解决我的MVC问题

Answer 9

使用jquery可以避免所有提交或某些元素

$("#form").submit(function(e) {
    e.preventDefault();
});

HTML文本输入：按下输入时避免提交

9 个答案: