Ho il seguente javascript nella mia pagina che non sembra funzionare.

$('form').bind("keypress", function(e) {
  if (e.keyCode == 13) {               
    e.preventDefault();
    return false;
  }
});

Desidero disabilitare l'invio del modulo su invio, o meglio ancora, per chiamare il mio modulo ajax. Entrambe le soluzioni sono accettabili, ma il codice che sto includendo sopra non impedisce l'invio del modulo.

Se keyCodenon viene catturato, prendere which:

$('#formid').on('keyup keypress', function(e) {
  var keyCode = e.keyCode || e.which;
  if (keyCode === 13) { 
    e.preventDefault();
    return false;
  }
});

EDIT: mancato, è meglio usare al keyupposto dikeypress

EDIT 2: Come in alcune versioni più recenti di Firefox, l'invio del modulo non è impedito, è più sicuro aggiungere anche l'evento keypress al modulo. Inoltre, non funziona (più?) Semplicemente vincolando l'evento al "nome" del modulo ma solo all'id del modulo. Pertanto ho reso questo più ovvio modificando l'esempio di codice in modo appropriato.

EDIT 3: modificato bind()inon()

Di solito il modulo viene inviato Enterquando ci si concentra su elementi di input.

Possiamo disabilitare la Enterchiave (codice 13) sugli elementi di input all'interno di un modulo:

$('form input').on('keypress', function(e) {
    return e.which !== 13;
});

DEMO: http://jsfiddle.net/bnx96/325/

Ancora più breve:

$('myform').submit(function() {
  return false;
});

$('form').keyup(function(e) {
  return e.which !== 13  
});

La proprietà event.which normalizza event.keyCode ed event.charCode. Si consiglia di guardare event.che per l'inserimento dei tasti della tastiera.

which Documenti.

$(document).on('keyup keypress', 'form input[type="text"]', function(e) {
  if(e.which == 13) {
    e.preventDefault();
    return false;
  }
});

Questa soluzione funziona su tutti i moduli sul sito Web (anche su moduli inseriti con Ajax), impedendo solo l'inserimento nei testi di input. Inseriscilo in una funzione pronta per il documento e dimentica questo problema per tutta la vita.

La maggior parte delle risposte sopra impedirà agli utenti di aggiungere nuove righe in un campo textarea. Se questo è qualcosa che vuoi evitare, puoi escludere questo caso particolare controllando quale elemento è attualmente attivo:

var keyCode = e.keyCode || e.which;
if (keyCode === 13 && !$(document.activeElement).is('textarea')) {
  e.preventDefault();
  return false;
}

L'eccesso di dover catturare e testare ogni sequenza di tasti per il tasto INVIO mi disturba davvero, quindi la mia soluzione si basa sul seguente comportamento del browser:

La pressione di INVIO attiverà un evento clic sul pulsante di invio (testato in IE11, Chrome 38, FF 31) ** (rif: http://mattsnider.com/how-forms-submit-when-pressing-enter/ )

Quindi la mia soluzione è quella di rimuovere il pulsante di invio standard (cioè <input type="submit">) in modo che il comportamento sopra citato fallisca perché non c'è un pulsante di invio per fare clic magicamente quando si preme INVIO. Invece, utilizzo un gestore di clic jQuery su un pulsante normale per inviare il modulo tramite il .submit()metodo di jQuery .

<form id="myform" method="post">
  <input name="fav_color" type="text">
  <input name="fav_color_2" type="text">
<button type="button" id="form-button-submit">DO IT!</button>
</form>

<script>
 $('#form-button-submit').click(function(){
    $('#myform').submit();
  });
</script>

Demo: http://codepen.io/anon/pen/fxeyv?editors=101

** questo comportamento non è applicabile se il modulo ha solo 1 campo di input e quel campo è un input di 'testo'; in questo caso il modulo verrà inviato al tasto INVIO anche se nel markup HTML non è presente alcun pulsante di invio (ad es. un campo di ricerca). Questo è stato il comportamento standard del browser dagli anni '90.

se vuoi solo disabilitare il pulsante di invio su invio e invio, usa l'evento onsubmit del modulo

<form onsubmit="return false;">

È possibile sostituire "return false" con la funzione di chiamata a JS che farà tutto il necessario e inoltre invia il modulo come ultimo passaggio.

Puoi farlo perfettamente in puro Javascript, semplice e senza libreria richiesta. Ecco la mia risposta dettagliata per un argomento simile: Disabilitare il tasto Invio per il modulo

In breve, ecco il codice:

<script type="text/javascript">
window.addEventListener('keydown',function(e){if(e.keyIdentifier=='U+000A'||e.keyIdentifier=='Enter'||e.keyCode==13){if(e.target.nodeName=='INPUT'&&e.target.type=='text'){e.preventDefault();return false;}}},true);
</script>

Questo codice serve a impedire il tasto "Invio" solo per input type = 'text'. (Poiché il visitatore potrebbe aver bisogno di premere invio sulla pagina) Se si desidera disabilitare "Invio" anche per altre azioni, è possibile aggiungere console.log (e); per i tuoi scopi di test e premi F12 in Chrome, vai alla scheda "console" e premi "backspace" sulla pagina e guarda al suo interno per vedere quali valori vengono restituiti, quindi puoi scegliere come target tutti quei parametri per migliorare ulteriormente il codice sopra per soddisfare le tue esigenze di "e.target.nodeName" , "e.target.type" e molti altri ...

Non so se hai già risolto questo problema o se qualcuno sta cercando di risolverlo adesso, ma ecco la mia soluzione per questo!

$j(':input:not(textarea)').keydown(function(event){
    var kc = event.witch || event.keyCode;
    if(kc == 13){
    event.preventDefault();
        $j(this).closest('form').attr('data-oldaction', function(){
            return $(this).attr('action');
        }).attr('action', 'javascript:;');

        alert('some_text_if_you_want');

        $j(this).closest('form').attr('action', function(){
            return $(this).attr('data-oldaction');
        });
        return false;
    }
});

Il modo semplice è cambiare il tipo di pulsante in pulsante - in html e quindi aggiungere un evento in js ...

Cambia da questo:

<form id="myForm">
   <button type="submit">Submit</button>
</form>

Per

<form id="myForm">
   <button type="button" id="btnSubmit">Submit</button>
</form>

E in js o jquery aggiungi:

("#btnSubmit").click(function () {
    $('#myForm').submit();
});

Il codice seguente negherà l'utilizzo della chiave di invio per inviare un modulo, ma ti consentirà comunque di utilizzare la chiave di invio in un'area di testo. Puoi modificarlo ulteriormente in base alle tue esigenze.

<script type="text/javascript">
        function stopRKey(evt) {
          var evt = (evt) ? evt : ((event) ? event : null);
          var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
          if ((evt.keyCode == 13) && ((node.type=="text") || (node.type=="radio") || (node.type=="checkbox")) )  {return false;}
        }

        document.onkeypress = stopRKey;
</script> 

In firefox, quando si immette e si preme invio, invierà la sua forma superiore. La soluzione è nel modulo di invio aggiungere questo:

<input type="submit" onclick="return false;" style="display:none" />

3 anni dopo e nessuna persona ha risposto completamente a questa domanda.

Il richiedente desidera annullare l'invio del modulo predefinito e chiamare il proprio Ajax. Questa è una semplice richiesta con una soluzione semplice. Non è necessario intercettare ogni carattere inserito in ciascun input.

Assumendo la forma ha un pulsante di invio, se una <button id="save-form">o <input id="save-form" type="submit">, effettuare:

$("#save-form").on("click", function () {
    $.ajax({
        ...
    });
    return false;
});

Ho sentito che whichnon è raccomandato, quindi cambia la risposta più votata a questo.

$('#formid').on('keyup keypress', function(e) {
  if (e.key === 'Enter') { 
    e.preventDefault();
    return false;
  }
});

rif. https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/which

Al termine del file (caricamento completato), lo script rileva ogni evento per il tasto "Voce" e disabilita l'evento dietro.

<script>
            $(document).ready(function () {
                $(window).keydown(function(event){
                    if(event.keyCode == 13) {
                        e.preventDefault(); // Disable the " Entry " key
                        return false;               
                    }
                });
            });
        </script>

Soluzione completa in JavaScript per tutti i browser

Il codice sopra e la maggior parte delle soluzioni sono perfette. Tuttavia, penso che la "risposta breve" più apprezzata sia incompleta.

Quindi ecco l'intera risposta. in JavaScript con supporto nativo anche per IE 7.

var form = document.getElementById("testForm");
form.addEventListener("submit",function(e){e.preventDefault(); return false;});

Questa soluzione ora impedirà all'utente di inviare utilizzando la chiave di invio e non ricaricherà la pagina, né ti porterà in cima alla pagina, se il modulo è da qualche parte in basso.

Cosa ne pensi di questo:

$(":submit").closest("form").submit(function(){
    $(':submit').attr('disabled', 'disabled');
});

Ciò dovrebbe disabilitare tutti i moduli con i pulsanti di invio nella tua app.