Modulo standard Invia vs Modulo Ajax Invia - Salva automaticamente browser/Suggerisci input utente

Question

La maggior parte di noi che utilizza moduli combinati con ajax probabilmente ha notato che l'input inviato dall'utente non viene salvato/suggerito dal browser nelle sessioni successive. Questa è una rovina quando si tratta di "accedere" alle pagine. Il browser di solito offre di salvare il nome utente/password, che è molto utile, ma con un modulo Ajax invia .... beh, sai, questo non succede.

Ho visto questa domanda due volte qui e ancora nessuna risposta. Sono passati circa 9 mesi da quando è stato chiesto, e so che ci sono molte persone intelligenti qui intorno. Quindi ... Ho deciso di far risorgere questa domanda.

Cosa possiamo fare per risolvere questo? Possiamo ingannare il browser in qualche modo?

Sono disposto a lavorare avanti e indietro su questo poiché so che sarebbe bello avere una soluzione funzionante per tutti noi da utilizzare.

soluzione finale in base al largo la risposta da slashingweapon

HTML (Grazie Man!) - Utilizzo di un pulsante personalizzato a presentare, insieme con nessuna forma 'azione' o 'metodo', solo ajax

<form id="signin"> 

    <label for="username">Username</label> 
    <input type="text" id="username" name="username" /> 

    <label for="password">Password</label> 
    <input type="password" id="password" name="password" /> 

    //Custom Styled Submit Button 
    <img id="submit" class="form_button" src="btn_txt_sign_in.png" alt="Sign In" tabindex="3" /> 

    //Hidden Standard Form Submit Button 
    <input id='trigger' type='submit' style='display:none;' /> 

</form> 

JQuery

// Bind a click to the Custom Submit Button 
$('#submit').click(function() { 
    //Trigger a Click on the Hidden Standard Form Submit 
    $('#trigger').click(); 
}); 

// Detect when the form attempts to be submitted 
$('#signin').submit(function(e){ 
    // Prevent Standard Form Submission 
    e.preventDefault(); 
    // Perform Function containing Ajax Submission instead 
    submit_signin(); 
}); 

// Ajax Submission 
function submit_signin() { 
    //My Ajax Call.... 
} 

Answer 1

Quando si fa clic su qualsiasi pulsante del tipo submit, viene inviato il modulo di inclusione. Puoi scegliere di gestire l'evento di invio anziché l'evento di clic del pulsante. Ecco un esempio:

$('#demoForm').submit(function(evt) { 
    evt.preventDefault(); 
    var data = $(this).serialize(); 
    alert(data); 
});​ 

C'è un Fiddle anche per te.

Catturando l'evento successivo, si garantisce che almeno alcuni browser abbiano la possibilità di memorizzare i dati del modulo per futuri auto-riempimenti.