Aide pour finaliser un code.

D4MN -  
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   -
Bonjour, est-ce quelqu'un qui peut me donner une piste je dois finaliser la " function validateForm(e)" au deux endroits ou le code est manquants.

Le but est de valider un formulaire, ensuite crée un cookie et selon si ton code postale deux messages différents est inscrit.

Voici le code.


<html>

<head>
    <meta charset="UTF-8">
    <title>Les témoins</title>
    <meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate">
</head>

<body>

    <H2>Formulaire</H2>

    <form name="monFormulaire" onsubmit="return validateForm()">
        <p>
            <label for="prenom">Prénom de la personne: </label>
            <input type="text" name="prenom" required>
        </p>

        <p>
            <label for="nomFamille">Nom de famille: </label>
            <input type="text" name="nomFamille" id="nomFamille" required>
        </p>

        <p>
            <label for="email">Courriel: </label>
            <input type="email" name="email" id="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$" required>
        </p>

        <p>
            Résident du Québec?

            <input type="radio" onclick="residentQuebec(this.value)" name="resident" id="male" value="oui" required>
            <label for="male">Oui</label>

            <input type="radio" onclick="residentQuebec(this.value)" name="resident" id="male" value="non">
            <label for="male">Non</label>
        </p>

        <p>
            Code postal:
            <input type="text" name="canadian_code" pattern="[A-Za-z][0-9][A-Za-z] [0-9][A-Za-z][0-9]" title="Three letter country code" required>
        </p>
        <p>
            <input type="submit" value="Envoyer" click="validateForm()">
        </p>

    </form>

    <h1 id="message"></h1>
    <div id="liens"></div>

</body>


<script language="javascript">
    // RESIDENT (OUI OU NON)
    var _residentQuebec = undefined;

    function residentQuebec(value) {
        _residentQuebec = value;
    };


    function validateForm(e) {

        setTimeout(function () {
            var prenom = document.monFormulaire.prenom.value;
            
//            ******************************
//            LIGNES DE CODE À AJOUTER ICI
           

            var dateExp = new Date();
            dateExp.setFullYear(dateExp.getFullYear() + 1);

            var cookie_prenom = setCookie("prenom", prenom, dateExp);
            
//            ******************************
//            LIGNES DE CODE À AJOUTER ICI
            

            var sCookieValue = document.cookie;
            alert(sCookieValue);
            
        }, 10);

        return false;
    };


    function setCookie(nomCookie, valeurCookie, DateExp) {
        strNom = nomCookie;
        strValeur = valeurCookie;
        dateExpiration = DateExp;

        var newCookie = strNom + "=" + escape(strValeur) + "; " + " path=/; " + "expires=" + dateExpiration.toGMTString() + "; ";
        window.document.cookie = newCookie;
    }



EDIT : Ajout des balises de code (la coloration syntaxique).
Explications disponibles ici :ICI

Merci d'y penser dans tes prochains messages.
A voir également:

1 réponse

jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Bonjour,

.... et .. dans ton code
 function validateForm(e) {

        setTimeout(function () {
            var prenom = document.monFormulaire.prenom.value;
            
//            ******************************
//            LIGNES DE CODE À AJOUTER ICI
           

            var dateExp = new Date();
            dateExp.setFullYear(dateExp.getFullYear() + 1);

            var cookie_prenom = setCookie("prenom", prenom, dateExp);
            
//            ******************************
//            LIGNES DE CODE À AJOUTER ICI
            

            var sCookieValue = document.cookie;
            alert(sCookieValue);
            
        }, 10);

        return false;
    };

les lignes de code manquantes... elles sont sensées faire quoi au juste ?
Car là ... impossible de te répondre !

0