Interrompi invio modulo invio chiave jquery ui

Question

Ho un modulo che utilizza il plug-in UI completamento automatico jquery, http://jqueryui.com/demos/autocomplete/, che funziona tutto dolce tranne quando si preme il tasto Invio per selezionare un elemento nel completamento automatico lista, invia il modulo.

Io sto usando questo in un sito Web. NET, quindi potrebbe esserci una gestione javascript associata al modulo che .NET sta iniettando che sta sovrascrivendo il materiale jQuery (sto speculando qui).

Answer 1

È possibile utilizzare un gestore di eventi su di esso.

$("#searchTextBox").keypress(function(e) { 
    var code = (e.keyCode ? e.keyCode : e.which); 
    if(code == 13) { //Enter keycode 
     return false; 
    } 
}); 

vedi: jQuery Event Keypress: Which key was pressed?

anche: http://www.cambiaresearch.com/c4/702b8cd1-e5b0-42e6-83ac-25f0306e3e25/javascript-char-codes-key-codes.aspx per la lista dei codici dei tasti

Answer 2

Un modo è gestire la pressione dei tasti e ignorarla se è il tasto Invio.

Answer 3

$("#autocomplete_field_id").keypress(function(event){ 
    var keycode = (event.keyCode ? event.keyCode : event.which); 
    if (keycode == '13') { 
    event.preventDefault(); 
    event.stopPropagation();  
    } 
}); 

Answer 4

Il post risposta asso mi ha aiutato a risolvere il mio problema. Mentre dovresti notare che il codice asso fornito deve esistere prima del $('input').autocomplete(*****), altrimenti non riceverai alcun effetto.

Answer 5

Se si vuole ancora la chiave di presentare entrare, dopo la selezione di completamento automatico è fatta,

if (evt.keyCode === 13 && !$('.ui-autocomplete').is(':visible')) { 
    $('.ui-button:first').click(); 
} 
evt.stopPropagation();