begin process at 2010 03 20 01:45:40
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Function & Méthodes

 > 

script vérification formulaire, cherche aide pour aprofondir mon script !


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

script vérification formulaire, cherche aide pour aprofondir mon script !

mercredi 18 avril 2007 à 11:35:15 | script vérification formulaire, cherche aide pour aprofondir mon script !

poucinette51

bonjour,

Voilà j'ai pioché sur le net afin de trouver de l'aide pour un script de vérification pour mes formulaires, j'en ai trouvé un pas mal (voir ci dessous) mais en fait il rend tout les champs obligatoires, hors je ne souhaite pas que tout mes champs soient obligatoires ://
Et je voudrai pouvoir vérifier l'adresse mail (valide ou non) et également le n° de tel. 
Quelqu'un pourrait t'il m'aider? Je suis novice en javascript :s:s
Par contre ce script me plait car il affiche un message d'erreur pour tout les champs et met une couleur de fond différente pour chaque champ non rempli... :-)

Merci d'avance pour votre aide.


function check_input(){

   var message_alert = "";
   for(var i = 0; i < window.document.forms[0].length ; i++) {
 

      var champ = window.document.forms[0].elements[i].value;
      var nom_champ = window.document.forms[0].elements[i].name;
      
      
// Background des éléments déjà formatés      
window.document.forms[0].elements[i].style.backgroundColor = "#a4b6a4";    
//
    
if(champ == "") {
window.document.forms[0].elements[i].focus();
window.document.forms[0].elements[i].style.backgroundColor = "#b64046";
message_alert +=" Veuillez remplir votre " + nom_champ +"\n";
}
}
   if (message_alert == "") {
 
    
         return true;
        
        
      } else {
   
         message_alert = "Informations omises dans le formulaire : \n" +
message_alert;
        
         alert(message_alert);
       
         return false;
            
}
}

mercredi 18 avril 2007 à 12:07:39 | Re : script vérification formulaire, cherche aide pour aprofondir mon script !

nickadele

Membre Club Administrateur CodeS-SourceS
Bonjour,

il existe de nombreux exemples sur le site de contrôles de formulaire.
Une petite recherche devrait t'apporter une solution.

Nickadele
----------------------------------------------
non, ma belle ne s'appel pas Adèle
mercredi 18 avril 2007 à 13:27:05 | Re : script vérification formulaire, cherche aide pour aprofondir mon script !

ov3rdoze

Membre Club
Bonjour

Personnellement pour ne rendre que certains champs obligatoires je ne teste que ceux-là :

function check_input(formulaire){
        var msg="Attention\n\n";
        if (formulaire.nom.value=="") {
                msg += " - Vous avez oublié le nom\n";
                formulaire.nom.style.backgroundColor = "#b64046";
        }
        if (formulaire.prenom.value=="")
                msg += " - Vous avez oublié le prénom\n";
                ...

        if(msg!="Attention\n\n")
                alert(msg);
        else
                formulaire.submit();
}

et dans le bouton envoyer :
        onclick="javascript:check_input(this.form);"

Ce n'est bien sûr qu'une suggestion...

Pour tester la validité des données saisies utilise des expressions regulières.
exemple pour le mail :
var re=/^[0-9a-zA-Z\.\-_]+@[0-9a-zA-Z\.\-_]+\.[a-z]{2}[a-z]?$/;
if (! re.test(formulaire.mailg.value))
        msg+=" - Le mail n'est pas valide\n";

Voila j'espère que ça peux aider...

Bonne journée
mercredi 18 avril 2007 à 15:21:36 | Re : script vérification formulaire, cherche aide pour aprofondir mon script !

poucinette51

Merci beaucoup pour ta réponse, en effet j'ai réadapté mon script en utilisant tes exemples, et effectivement j'arrive quasi à faire ce que je veux!! :-)
Il y a bien le msg d'erreur qui s'affiche, mais par contre il passe quand même à la page suivante, il "valide" qd meme malgré les champs manquants en fait, comment faire?!
J'ai essayé de mettre un return false mais ça ne résout rien....
mercredi 18 avril 2007 à 15:39:42 | Re : script vérification formulaire, cherche aide pour aprofondir mon script !

ov3rdoze

Membre Club

Si tu utilises un <input type="submit"...> pour ton bouton valider, remplace-le par un <input type="button"...>.
Sinon comme ça je vois pas il faudrait plus de détails.

mercredi 18 avril 2007 à 15:47:07 | Re : script vérification formulaire, cherche aide pour aprofondir mon script !

poucinette51

Yes ça venait du bouton   Merciiiiiii
Dernière petite question, pour vérifier des champs type "select" comment doit-on procéder?

<select name="choix1">
            <option selected value="0">Choisir</option>
            <option value="m11">Maison plain-pied</option>
            <option value="m12">Maison &agrave; &eacute;tages</option>
          </select>

J'avais essayé qqch du genre :
 
      if (formulaire.choix1.selected=="") {
                msg += " - erreur \n";
                formulaire.choix1.style.backgroundColor = "#b64046";
        }

mais ça ne marche pas...
mercredi 18 avril 2007 à 16:03:00 | Re : script vérification formulaire, cherche aide pour aprofondir mon script !

ov3rdoze

Membre Club
Suis pas sûr de comprendre... Tu veux signaler une erreur si on a gardé le choix par défaut? Si c'est le cas il me semble qu'il faut faire un tuc du style :

      if (formulaire.choix1.value=="0") {
                msg += " - erreur \n";
                formulaire.choix1.style.backgroundColor = "#b64046";
        }

Mais je garantie pas
mercredi 18 avril 2007 à 16:52:36 | Re : script vérification formulaire, cherche aide pour aprofondir mon script !

poucinette51

Oui tu as bien compris, c'est exactement ce que je voulais faire, et effectivement tu as raison, tu as la bonne solution
Par contre, j'ai plusieurs formulaires, avec quelques champs qui différent, je peux utiliser ce script pour tout les formulaires??
Ou je fais un script différent pour chaque formulaire?!

jeudi 19 avril 2007 à 09:14:42 | Re : script vérification formulaire, cherche aide pour aprofondir mon script !

ov3rdoze

Membre Club
Ben en fait ça dépend si les champs a tester sont les mêmes et ont les mêmes noms : Si ton script teste un champs qui n'existe pas dans l'autre formulaire y aura une erreur (n'existe pas peux aussi vouloir dire n'a pas le même nom).

Si par exemple le formulaire 1 teste Nom et Prenom et le formulaire 2 aussi pas de problème.
Si le formulaire 2 teste en plus le mail il faudra un script différent.

Sinon tu peux ne mettre dans le script que les champs communs à tous les formulaires et tester les autres à part :

Fonction commune :
function check_input(formulaire){
        var msg="Attention\n\n";
        if (formulaire.nom.value=="") {
                msg += " - Vous avez oublié le nom\n";
                formulaire.nom.style.backgroundColor = "#b64046";
        }
        if (formulaire.prenom.value=="")
                msg += " - Vous avez oublié le prénom\n";
                formulaire.nom.style.backgroundColor = "#b64046";
        }
        return msg;
}

Dans Formulaire 1 :
function test(formulaire) {
        var msg = "";
        if (check_input(formulaire) != "Attention\n\n") msg = check_input(formulaire);
        if(msg!="")
                alert(msg);
        else
                formulaire.submit();
}

Dans Formulaire 2 :
function test(formulaire) {
        var msg = "";
        if (check_input(formulaire) != "Attention\n\n") msg = check_input(formulaire);
       var re=/^[0-9a-zA-Z\.\-_]+@[0-9a-zA-Z\.\-_]+\.[a-z]{2}[a-z]?$/;
       if (! re.test(formulaire.mailg.value))
               msg+=" - Le mail n'est pas valide\n";
        if(msg!="")
                alert(msg);
        else
                formulaire.submit();
}

Et bien sûr dans le bouton tu appelle test(this.form)

Dans ce cas tu peux mettre la fonction check_input() dans un fichier à part (par exemple verif.js) et l'importer dans les pages que tu veux :   <script language="JavaScript" src="verif.js"></script>

Voila j'espère que ça répond à ta question

A+
jeudi 19 avril 2007 à 12:23:20 | Re : script vérification formulaire, cherche aide pour aprofondir mon script !

poucinette51

Bonjour,

en fait je t'explique, mon site est en php, j'ai la page index qui contient le <head> etc etc et qui en fait inclus les autres pages (car la partie haute , le menu et le bas se répétent sur toutes les pages), ce qui fait que je n'ai qu'une page qui contient le <head>, je ne peux donc pas inclure de script dans les autres pages... j'espere que je suis assez claire lol
Et donc j'ai au total 4 formulaires, qui contiennent tous les champs noms, prenoms, adresse, etc
Mais dans le formulaire 1 il y a les champs "choix1", "choix2", "choix3"," choix4", qui sont en+,  ds le formulaire 2, il y a le champ "reno" en+ des champs noms, prenoms etc  et et ainsi de suite pour les 2 autres formulaires.
Donc là j'ai créé le fichier verif dans lequel j'ai mis le script commun à tout les formulaires, et j'ai créé une autre page (main.js) ou j'ai incorporé le script test (formulaire) où à l'intérieur j'ai mis le test des champs "choix1" "choix2" etc.....
Ca marche....
mais le message d'erreur pour les noms, prenoms etc s'affiche 2 fois de suite! et le msg d'erreur pour les champs "choix" s'affiche à part...

Et pour mes autres champs dans les autres formulaires je peux les insérer dans la page "main" ? ou il faut encore que je fasse une page à part?
Désolée pour mes questions mais ce n'est pas encore très clair pour moi lol

Merci d'avance.

1 2

Cette discussion est classée dans : script, message, champ, alert, window


Répondre à ce message

Sujets en rapport avec ce message

Faire apparaitre une fenetre type Alert [ par jcharles ] Voici mon code actuelalert ('coucou les amis')response.redirect("default.asp")%>le probleme c que le message on ne le voit pas, et ca ouvre directemen donnée une valeur a un champ à partir d'un script JavaScript [ par clk ] script dans script [ par Kevergeek ] bonjour,voici mon code :$nbr = "";?><scr changer la valeur... [ par rich25200 ] bonjour,j'ai dans une fenetre un champ du type :et j'ai un bouton qui fait ouvrir une autre fenetre je veux que dans l'a Pb Appeller un script java !!?? SOS merci [ par sospromo ] Voila je vous explique la situation !! j'ai un script java sur ma page html !! ce script me permet d avoir une boite de news avec du texte qui defile Probleme de focus sur un champ. Exception se produit [ par ahage4x4 ] Bonjour a tous, Je suis nouveau sur ce forum. J'ai un probleme de validation de formulaire. Sur mon input type="text" et sur l'evenement onBlur j'app Problème sur script pour formulaire [ par Dark_Kirua ] Bonjour, je lutte un peu pour ce script:le formulaire est composé entre autres d'un champ texte et d'une checkbox et j'aimerais que la checkbox reste window.location probleme [ par amosc ] amosJ ai un petit probleme j ai une fonction en JS du stylefunction truc(){.....window.location="commd.php?..."..;}sur un lien <a href=javas Suprimer un message d'alerte [ par diaph ] Bonjour,j'ai installé sur ma page d'accueil un script d'alerte pour informer mes visiteurs que mon site ne fonctionne pas avec toutes les versions net Succession de "if" qui bloque [ par atchoumix ] Bonjour, je m'explique: j'ai fait un formulaire avec verifications en php qui a chaque erreur ajoute un numero (relatif au champ de saisie) dans une c


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,576 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales