Отправить форму на вход

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

Если вы нажмете «enter», пока текстовое поле находится в фокусе, вы уже отправите форму, на самом деле не нужно кнопку отправки (посмотрите на форму поиска Stack Overflow в правом верхнем углу этой страницы. например). Вам просто может понадобиться изменить свой JavaScript, чтобы вместо этого прослушивать событие submit:

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

Если вы хотите, чтобы форма отправлялась, когда кто-то нажимает, введите независимо от того, где находится фокус , я бы посоветовал против. Это чрезвычайно запутанное поведение, и его легко вызвать случайно.

Answer 2

Очень просто, так как у вас есть только одно поле

ИЛИ

<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>

JS в любом случае

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

Answer 3

нормальная форма автоматически отправляется при нажатии клавиши ввода.

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

это должно работать нормально, но может не проходить проверку.

Если вы хотите отправить свою форму в javascript, выможно использовать функцию .submit ().

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

или jQuery

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

Answer 4

Попробуйте это:

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

Answer 5

Более простое решение без кнопки отправки:

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>

Answer 6

используйте это

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