Senden Sie das Formular auf enter

Wie Mach ich das submit auf der enter-Taste? Ich möchte, um vollständig zu entfernen Sie den Absenden-button.

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()); 
});
  • Sie sollten zu entfernen onclick='onSubmit()' sicher
InformationsquelleAutor Blainer | 2012-01-21
  1. 3

    Sehr einfach, da Sie nur ein Feld

    ENTWEDER

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

    ODER sogar

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

    JS in jedem Fall

    $('#iform').submit(function(e) {   
  $('#slider').anythingSlider($("#input1").val());
  e.preventDefault(); 
});
    • vielen Dank 🙂
    InformationsquelleAutor mplungjan
  2. 4

    Schlagen Sie "enter", während Sie konzentriert in das Textfeld wird bereits das Formular, das Sie eigentlich gar nicht müssen die Schaltfläche "senden" (Blick auf Stack Overflow ist "Suche" - Formular rechts oben auf dieser Seite zum Beispiel). Sie nur vielleicht brauchen, um Ihre javascript zu hören submit Ereignis statt:

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

    Wenn Sie möchten, dass das Formular gesendet, wenn jemand drückt die EINGABETASTE unabhängig davon, wo der Schwerpunkt liegt, würde ich vorschlagen gegen Sie. Es ist extrem verwirrend, das Verhalten und kann leicht ausgelöst werden durch einen Unfall.

    • Müssen Sie brechen Sie das senden oder die Seite verändern wird
    InformationsquelleAutor Wesley Murch
  3. 1

    Versuchen Sie dies:

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

    einem normalen Formular automatisch gesendet, wenn die EINGABETASTE drücken.

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

    dieser sollte funktionieren, aber es kann nicht validiert werden.

    Wenn Sie möchten, senden Sie Ihr Formular in javascript, die Sie verwenden können, die .submit() Funktion.

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

    oder jQuery

    $("#form1").submit();
    InformationsquelleAutor pensan
  5. 0

    verwenden Sie diese

    <input type="submit" style="display:none;">
    • Nicht ganz begrifflich.
    InformationsquelleAutor Dau
  6. 0

    Eine einfachere Lösung ohne die senden-Schaltfläche:

    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>
    InformationsquelleAutor damoiser
Schreibe einen Kommentar