Disabilita invio Invia

Question

Ho un modulo con un campo di testo all'interno e sto cercando di disabilitare il comportamento predefinito quando il browser invia l'intero modulo se l'utente preme Immettere mentre il campo di testo è selezionato.

$('#recaptcha_response_field').keydown(function(event) { if (event.keyCode == 13) { 
    event.preventDefault(); 
    event.stopPropagation(); 
    event.stopImmediatePropagation(); 
    alert("You Press ENTER key"); 
    return false; 
    } 
}); 

Attualmente viene visualizzato "Si preme il tasto INVIO" e il comportamento predefinito non viene sovrascritto.

Answer 1

Prova questo:

$(document).on("keypress", 'form', function (e) { 
    var code = e.keyCode || e.which; 
    if (code == 13) { 
     e.preventDefault(); 
     return false; 
    } 
}); 

Questo consentirà di evitare la forma presentare il keypress

DEMO HERE

Answer 2

Se nessuna delle soluzioni sopra sta lavorando per voi, e si sta utilizzando JavaScript in ogni caso, perché non utilizzare il pulsante come "pulsante" <input type='button'> e inviarlo utilizzando javascript

$('#form_id').submit(); 

Answer 3

U può utilizzare questo script per impedire l'accesso all'intero da.

<script type="text/javascript"> 
     $(document).on("keypress", 'form', function (e) { 
      if (e.target.className.indexOf("allowEnter") == -1) { 
       var code = e.keyCode || e.which; 
       if (code == 13) { 
        e.preventDefault(); 
        return false; 
       } 
      } 
     }); 
    </script> 

si inserisce il nome di classe per cui il controllo necessario utilizzare entrare

Answer 4

Ho trovato questo e funziona per me.

<input type="text" name="somename" id="someid" value="" onkeypress="return event.keyCode!=13"> 

Answer 5

Per impedire allo script di bloccare il tasto Invio su altri elementi, ad esempio su un'area di testo. Cambia il target da "form" a "input".

$(document).on("keypress", "input", function (e) { 
 
    var code = e.keyCode || e.which; 
 
    if (code == 13) { 
 
     e.preventDefault(); 
 
     return false; 
 
    } 
 
});