Soumettre le formulaire sur entrée

Comment puis-je faire de ce présenter en appuyant sur la touche entrée? Je veux supprimer complètement le bouton soumettre.

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()); 
});
  • Vous devez supprimer onclick='onSubmit()' pour assurer
InformationsquelleAutor Blainer | 2012-01-21
  1. 3

    Très simple puisque vous n'avez qu'un champ

    SOIT

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

    OU même

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

    JS dans les deux cas

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

    La touche "entrée" tandis que se concentre dans le champ texte déjà envoyé le formulaire, vous n'avez pas réellement besoin le bouton "soumettre" (regardez Débordement de Pile de "recherche de formulaire" en haut à droite de cette page par exemple). Vous avez juste besoin de changer votre javascript pour écouter la submit au lieu de l'événement:

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

    Si vous souhaitez que le formulaire soumis, lorsque quelqu'un appuie sur entrée indépendamment de l'endroit où l'accent est mis, je dirais contre elle. C'est extrêmement déroutant comportement et peut facilement être déclenchée par accident.

    • Vous devez annuler l'envoi ou la page va changer
    InformationsquelleAutor Wesley Murch
  3. 1

    Essayez ceci:

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

    une forme normale est soumis automatiquement lorsque vous appuyez sur entrée.

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

    cela devrait fonctionner très bien, mais il ne peut pas valider.

    Si vous souhaitez soumettre votre formulaire en javascript, vous pouvez utiliser le .submit() fonction.

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

    ou jQuery

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

    utiliser cette

    <input type="submit" style="display:none;">
    • Pas tout à fait sur le plan conceptuel.
    InformationsquelleAutor Dau
  6. 0

    Une solution plus simple sans le bouton soumettre:

    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