Sujet Précédent Sujet Suivant

Aide utilisation jQuery pour validation de formulaire

LaTatadu91 Messages postés 968 Date d'inscription jeudi 20 mai 2004 Statut Membre Dernière intervention 26 avril 2013 - 29 juin 2009 à 13:50
Matt59310 Messages postés 5 Date d'inscription lundi 22 octobre 2007 Statut Membre Dernière intervention 30 juin 2009 - 30 juin 2009 à 11:59

Bonjour a tous,

je me lance doucement dans le javascript, j'ai trouvé sur le net une bibliotheque nommée jQuery qui permet de faire des validations de formulaire etc...
je me sers deja de jQuery afin d'afficher ou cacher mon formulaire comme ceci:

<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
// Execution de cette fonction lorsque le DOM sera entièrement chargé
$(document).ready(function() {
    // Masquage du formulaire
    $("form").hide();
    // CSS : curseur pointeur
    $("#lien_form").css("cursor", "pointer");
    $("#lien_form").click(function()
    {
        // Actions uniquement si la réponse n'est pas déjà visible
        if($("form").is(":visible") == false) {
            // Affichage du formulaire
            $("form").slideDown();
        }
        else
        {
            $("form").slideUp();
        }
    });
});
et voici la partie HTML:

[Accéder au formulaire]
            <form method="POST" action="?page=13">
                                        ----

                            Nom,
                            ,
                            ,

                        ----

                            Prénom,
                            ,
                            ,

                        ----

                            Date de naissance
(jj/mm/aaaa),
                            ,
                            ,

                        ----

                            Adresse complète,
                            <textarea name="adresse" id="adresse" rows="2" cols="15" /></textarea>,
                            ,

                        ----

                            Code postal,
                            ,
                            ,

                        ----

                            Ville,
                            ,
                            ,

                        ----

                            Tel,
                            ,
                            ,

                        ----

                            E-mail,
                            ,
                            ,

                        ----

                            ,



            </form>

donc l'affichage ou non du formulaire marche parfaitement; j'ai donc voulu passer a l'étae suivante qui est la controle du formulaire: avec ceci:

//VERIFICATION FORMULAIRE
    $("#envoyer").click(function(){
        if($("#nom").val() == ""){
            $("#nom").next(".erreur").fadeIn().text("Veuillez entrer votre nom");
        }
        else{
            $("#nom").next(".erreur").fadeOut();
        }
la partie CSS est comme ceci:
.erreur{
background: url(images/wrong.png) center no-repeat;
padding: 0 0 0 30px;
color: red;
display: none;
}

alors la je rencontre deux bugs:
1/ rien ne s'affiche dans mon bloc erreur aucun message rien
2/ le formulaire disparait lorsque j'appui sur le bouton valider(comme voulu mais juste au chargement de la page!)

Quelqu'un d'avisé pourrait il m'aider svp?
merci

A voir également:

Validation formulaire jquery
Créer formulaire inscription en ligne ✓ - Forum C# / .NET
Formulaire java code source - Forum Java
Formulaire excel ✓ - Forum Visual Basic 6
Modèle formulaire de demande de congés payés gratuit - Forum PHP
Diaporama image jquery - Forum PHP

3 réponses

Réponse 1 / 3

LaTatadu91 Messages postés 968 Date d'inscription jeudi 20 mai 2004 Statut Membre Dernière intervention 26 avril 2013 1
29 juin 2009 à 14:40

bon, je galère franchement, il me semble que mes deux fonctions se marchent sur les pieds!
car je veux cacher le formualire a l'affichage de la page et seulement a ce moment la mais j'ai l'impression que si je click sur mon bouton d'envoi, le script javascript est a nouveau exécuté et le formulaire de nouveau caché!
il doit y avoir une solution.....

par contre je n'avance pas coté validation des champs du form. rien ne s'affiche....(meme si je commente mon code pr "cacher" mon form)

Réponse 2 / 3

Matt59310 Messages postés 5 Date d'inscription lundi 22 octobre 2007 Statut Membre Dernière intervention 30 juin 2009
30 juin 2009 à 11:20

J'ai eu le même souci il faut faire un return false à la fin de ton traitement javascript pour l'empêcher de recharger la page.

Par contre j'ai un autre souci d'après ce que j'ai compris la méthode .submit() est censée renvoyée toutes les données du formulaire mais ce n'est pas le cas...Comment récupérer toutes les données?

Réponse 3 / 3

Matt59310 Messages postés 5 Date d'inscription lundi 22 octobre 2007 Statut Membre Dernière intervention 30 juin 2009
30 juin 2009 à 11:59

J'ai trouvé ma je faisais {source: $('#source').val()} alors qu'il faut lui spécifier que c'est un select en faisant {source: $('#source option:selected').val()}

Discussions similaires

UserForm (formulaire) , aprés exécution impossible d'afficher la Civilité

Remplir un formulaire PDF à partir di'un fichier excel

Formulaire de connexion et d'inscription

"civilité" obligatoire dans formulaire

Formulaire de reservation

Votre réponse

Discussions similaires