Biblioscript.com : Une page de confirmation après validation du formulaire

	<SCRIPT LANGUAGE=JavaScript> var nbre = Math.round(Math.random()10000); var chaine="<a href=http://www3.click-fr.com/clickj.cgi?a=1019-405664&b=" + nbre + " target=clickfr><img border=0 height=60 width=468 SRC=http://www3.click-fr.com/printj.cgi?a=1019-405664&b=" + nbre +" alt=\" Visitez notre Sponsor ! *\"></a>"; document.write(chaine); </SCRIPT> Membre de ClickFR, Reseau francophone Paie-Par-Click


- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]

	JavaScript 1.3

Formulaires

Une page de confirmation après validation du formulaire

	Fonction

		Le but de ce script est de présenter une page de confirmation au visiteur après qu'il ait validé un formulaire. Attention : JavaScript ne pouvant contrôler réellement l'envoi d'un mail ou la soumission à un serveur, la page de confirmation apparaîtra même si il se produit une erreur dans l'envoi des données du formulaire.

	Principe

		Au lieu de placer un simple bouton 'submit' à la fin du formulaire, qui validerait immédiatement, on place un bouton ('span class="code">button') qui porte une fonction JavaScript. Cette fonction valide le formulaire par un 'submit()' et lance une autre fonction au bout d'un léger temps d'attente (2 ou 3 secondes) qui elle, charge une nouvelle page, tout simplement.

	Le script

dans la partie <head>

// Fonction de validation du formulaire
function validation() {

document.formulaire.submit();

// Lancement de la confirmation à 3 secondes

setTimeout("confirmation()","3000");

}

// Fonction affichant la page de confirmation
function confirmation() {

location.href = "confirmation.html";

}
</script>

dans la partie <body>

<form name="formulaire" action="mailto:mcbenny@biblioscript.com" Enctype="text/plain" method="post">
Inscrivez votre nom : <input type="text" name="nom">
<input type="submit" value="Envoyer a mcbenny@biblioscript.com" OnClick="validation();">
</form>

	Démonstration

	Téléchargement

Ce script est disponible en deux versions :

le script est intégré à la page où il agit,

le script est dans un fichier séparé de la page où il agit (fichier.js et fichier.html).

L'intérêt d'un script dans un fichier séparé est de pouvoir le partager entre plusieurs pages html.
Cela permet aussi de le rendre inaccessible à toute personne qui souhaiterai l'enregistrer pour une autre utilisation.

Script intégré :

form_confirm.zip
1 Ko

Script séparé :

form_confirm2.zip
1 Ko


	Recherche


	CSS 2


	DHTML


	HTML 4


	Références


	Aide générale


	statistiques