http://www.monjavascript.net

ACCUEIL
Contact
Rechercher
Insérez dans vos
  favoris

ACCUEIL DES
  VISITEURS

DATE & HEURE
EFFETS DE TEXTE
FENETRES
FORMULAIRES
IMAGES
MENUS
PRATIQUE
POP UP
DIVERS

Cours de javascript
Générer vos Fichiers
  CSS

Générer vos Meta-Tags
Description des Balises
  Meta

Les Codes Couleur
L'objet Math
Lissage De Prêt
Tableau d'Amortissement
un Multi-Moteurs de recherche sur Votre Site
Cryptez votre e-mail
  pour contrer le Spam

Cryptez vos Scripts
Moteurs de recherches
Référencement
Je Crée Mon Site
L'éditeur JavaScript


Traiter le résultat d' un Formulaire selon le choix du visiteur
Dans ce script le formulaire est traité différemment selon que l' on choisit le bouton "Envoi 1" ou "Envoi 2".
(vous pouvez créer autant de choix que vous en avez besoin.)

Adresse du Site

Nom du Site
 
Dans cet exemple l'envoi du formulaire recharge cette même page

Insérez le script ci-dessous dans l'entête de votre page (entre les balises<head> ... </head>)

<script language="JavaScript">
<!--
//PLF-http://www.monjavascript.net/
function Choixpage(numpage){
if(numpage==1){document.monform.action="page1.php";}
if(numpage==2){document.monform.action="page2.php";}
document.monform.submit();
}
//-->
</script>
monform Nom de votre formulaire
page1.htm Nom de la page ou vous traiter les données du formulaire (script php,cgi... sur serveur local ou distant)
choix


Insérez le Formulaire ci-dessous dans votre page Web entre les balises <BODY> et </BODY>

<form name="monform" method="post" >
<table width="560" border="0" align="center">
<tr>
<td valign="top"><p>Adresse du Site<br>
</p>
</td>
<td><input name="url" type="text" value="http://" size="50"></td>
</tr>
<tr>
<td valign="top">Nom du Site</td>
<td><input name="titre" type="text" size="50"></td>
</tr>
<tr>
<td valign="top">&nbsp;</td>
<td>
<input name="button1" type="button" onClick ="javascript:Choixpage(1)" value="Envoi 1">
<input name="button2" type="button" onClick ="javascript:Choixpage(2)" value="Envoi 2">
<input type="reset" name="Submit" value="Effacer">
</td>
</tr>
</table>
</form>
 

 

Les scripts ci-dessous sont sont basé sur le premier
(a insérer entre les balises<head> ... </head>)
Mais vérifie que les champs ne sont pas vides
voir aussi le script Valider un Formulaire d'Envoi de Mail

<script language="JavaScript">
<!--
//PLF-http://www.monjavascript.net/
function Choixpage(numpage){
var form_err = " "
if (document.monform.url.value.length <8)
form_err += "- Le champ Adresse du Site est vide ! ";
if (document.monform.titre.value.length <1)
form_err += "- Le champ Nom du Site est vide !";
if ( form_err != " ")
alert(form_err);
else{
if(numpage==1){document.monform.action="page1.htm";}
if(numpage==2){document.monform.action="page2.htm";}
document.monform.submit();
}
}
//-->
</script>

Dans cet exemple le contrôle des champs est identique pour les deux choix

Chaque champ est contrôler grâce aux ligne suivantes
if (document.monform.titre.value.length <1)
form_err += "- Le champ Nom du Site est vide !";

nom du formulaire nom du champ nombre minimum de carractère


<script language="JavaScript">
<!--
//PLF-http://www.monjavascript.net/
function Choixpage(numpage){

if(numpage==1){
var form_err = " "
if (document.monform.url.value.length <8)
form_err += "- Le champ Adresse du Site est vide ! ";
if (document.monform.titre.value.length <1)
form_err += "- Le champ Nom du Site est vide !";
if ( form_err != " ")
alert(form_err);
else{
document.monform.action="page1.htm";
document.monform.submit();
}}

if(numpage==2){
var form_err = " "
if (document.monform.url.value.length <8)
form_err += "- Le champ Adresse du Site est vide ! ";
if ( form_err != " ")
alert(form_err);
else{
document.monform.action="page2.htm";
document.monform.submit();
}}
}
//-->
</script>

Dans cet exemple le contrôle des champs est différent pour les deux choix

Dans le choix 1 les 2 champs sont testés
Dans le choix 2 seul l'url est testée

 

Ce site vous a plu ? Vous avez trouvé le script que vous cherchiez ?
Faites en profiter vos visiteurs : insérez un lien sur votre site

 
 
Mon javascript    25-02-2018