event.preventDefault() che lavorano in Chrome, Firefox non per un pulsante di invio

Question

Ho il seguente pulsante di invio:

<input type="submit" name="submit" value="Send" class="mybutton" /> 

Quando uso il seguente codice

$(document).ready(function(){ 
     $("#submit").submit(function(){ 
       event.preventDefault(); 
       console.log('test'); 
     } 
}); 

La mia pagina è rinfrescante in Firefox, ma non Chrome. Qualcuno può indicarmi la giusta direzione?

Vorrei utilizzare il pulsante di invio per un jQuery .ajax chiamata (non una forma regolare presentare)

Answer 1

È necessario assicurarsi che si aggiunge event alla lista dei parametri della funzione dell'evento. Penso che alcuni browser abbiano uno event globale, per questo funziona con alcuni browser.

$(document).ready(function(){ 
    $("#submit").submit(function(event){ // The event is passed to this function 
     event.preventDefault(); 
     console.log('test'); 
    } 
}); 

Answer 2

Non è stato aggiunto l'evento ai parametri della funzione.
versione fissa:

$(document).ready(function(){ 
     $("#submit").submit(function(event){ 
       event.preventDefault(); 
       console.log('test'); 
     } 
}); 

Answer 3

passare il parametro evento nella funzione di callback Prova questa

$(document).ready(function(){ 
     $("#submit").submit(function(event){ 
       event.preventDefault(); 
       console.log('test'); 
     } 
}); 

Answer 4

Hai provato passando attraverso l'evento come una variabile?

$(document).ready(function(){ 
    $("#submit").submit(function(e){ 
      e.preventDefault(); 
      console.log('test'); 
    } 
}); 

Answer 5

semplicemente nella funzione OnClick per il pulsante di invio annotare come questo

onclick="return myfunction();" 

e dentro le dichiarazioni di funzione

myfunction() { 
return false;};