Après avoir cliqué sur un bouton submit
habituellement le formulaire est soumis au serveur et toute l'exécution du script client arrête. Donc, sauf si vous AJAXify votre formulaire, cela ne fonctionnera pas. Pour AJAXify votre formulaire, vous pouvez joindre à l'événement submit et remplacer l'action par défaut:
$(function() {
$('#theForm').submit(function() {
// show a hidden div to indicate progression
$('#someHiddenDiv').show();
// kick off AJAX
$.ajax({
url: this.action,
type: this.method,
data: $(this).serialize(),
success: function() {
// AJAX request finished, handle the results and hide progress
$('#someHiddenDiv').hide();
}
});
return false;
});
});
et votre balisage:
<form id="theForm" action="/foo" method="post">
<input name="foo" type="text" />
<input type="submit" value="Go" />
</form>
<div id="someHiddenDiv" style="display: none;">Working...</div>
'.clickfunction()'? Vous voulez dire '.click (function() {' – Harmen
@Harmen .. Oui, en tapant erreur.Merci – sTodorov
@Gaby merci pour l'édition – sTodorov