Validation avec un post ajax ne passe pas dans certains navigateurs
Bonjour,
Dans le cadre de mon projet, il y a un besoin de faire un envoi ajax dans la soumission d'un formulaire. Bien qu'il y a utilisation de jquery ici, ce fil je pense concerne javascript en général!
Voici le code:
Code:
1 2 3 4 5 6
| $("#submit_btn").click(function() {
$.post("http://www.adverifier.com/verify.php","TEST", function(){
document.getElementById("certif_form").action="http://www.monsite.com/testcertif";
document.getElementById("certif_form").submit();
});
}) |
Il s'agit d'envoyer la chaîne TEST avant de soumettre le formulaire. Le soucis c'est que ça marche correctement sous IE. Sous Opera, seul le post ajax marche mais le formulaire n'est pas soumis. Et ça passe pas sous Firefox et Chrome.
Comme solution, je fais:
Code:
1 2 3 4 5 6 7
| document.getElementById("certif_form").action="javascript:mysubmit()";
function mysubmit() {
$.post("http://www.adverifier.com/verify.php","TEST",function(){
document.getElementById("certif_form").action="http://www.monsite.com/testcertif";
document.getElementById("certif_form").submit();
});
} |
Avec ce second code, ça marche avec ces 4 browsers mais je n'aime pas trop le truc d'overwriter l'action par javascript:mysubmit(). Qu'en pensez-vous de la solution que j'ai trouvée?