Question

如何按回车键进行提交？我想完全删除提交按钮。

HTML

<form class="iform">
<input id='input1' name='input1'/>
<input type='button' value='GO!' id='submit' onclick='onSubmit()' />
</form>

JS

$('#submit').click(function() { 
$('#slider').anythingSlider($("#input1").val()); 
});

Answer 1

在文本字段中聚焦时点击“输入”将提交表单，您实际上并不需要提交按钮（请查看此处右上角的Stack Overflow的“搜索”表单例如页面）。您可能需要更改您的javascript才能收听submit事件：

$('form').submit(function() { 
   $('#slider').anythingSlider($("#input1").val()); 
});

如果您希望在有人按下的时候提交表单而不管焦点在哪里，我建议不要这样做。这是非常混乱的行为，很容易被意外触发。

Answer 2

非常简单，因为你只有一个字段

EITHER

<form class="iform" id="iform">
<input id='input1' name='input1'/>
<input type='submit' value='GO!'  />
</form>

或者甚至

<form class="iform" id="iform">
<input id='input1' name='input1'/>
</form>

在任何一种情况下都是

$('#iform').submit(function(e) {   
  $('#slider').anythingSlider($("#input1").val());
  e.preventDefault(); 
});

Answer 3

试试这个：

$('#formId').keypress(function(e){
      if(e.which == 13)
      $('#slider').anythingSlider($("#input1").val());            }
     return false;
      });

Answer 4

按Enter键时会自动提交普通表格。

<form id="form1" action="test.php">
    <input type="text" name="input1" />
</form>

这应该可以正常工作，但可能无法验证。

如果您想在javascript中提交表单，可以使用.submit（）函数。

document.forms["form1"].submit();

或jQuery

$("#form1").submit();

Answer 5

使用此

<input type="submit" style="display:none;">

Answer 6

没有提交按钮的简单解决方案：

HTML

<form action="path_to_the_action">
  <input class="submit_on_enter" type="text" name="q" placeholder="Search...">
</form>

的jQuery

<script type="text/javascript">
  $(document).ready(function() {
    $('.submit_on_enter').keydown(function(event) {
        if (event.keyCode == 13) {
            this.form.submit();
            return false;
         }
    });
  });
</script>

在输入时提交表格

6 个答案: