Valid XHTML     Valid CSS2    


        <?xml version="1.0" encoding="ISO-8859-1" ?>
        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
        <head>
        <link rel="stylesheet" type="text/css" href="std.css"  title="gh" />
        <title>
        Exemple de formulaire plus ou moins bien validé en javascript
        </title>
        
        <script type="text/javascript" language="javascript">
        
        function valide(f) {
        
          // la technique ok = 1 par défaut et ok = 0 en cas d'erreur
          // n'est pas aussi évoluée que err = 0 puis
          // err += 1,  err += 2, err += 4, err += 8...
        
          var ok    = 1 ;
        
          if (f.nom.value) {  // pas aussi propre que f.nom.value.length>0
            alert(" bonjour "+f.nom.value)
          } else {
            alert(" vous n'avez pas rempli le nom")
            ok    = 0 ;
          } ; // fin de si
        
          var lage  = f.age.value ;
          var moner = new RegExp("^[ 0-9]+$");
          // var moner = new RegExp("^ *[0-9]+ *$");
          if (moner.test(lage)) {
              if (lage<18) {
                 // ne fonctionne pas avec "2 5" comme age
                 // car lage est une chaine : il manque parseInt, bien sur
                 alert(" votre age ("+lage+" ans) est trop petit") ;
                 ok = 0 ;
              } ; // fin de si
          } else {
            alert("mais ce n'est pas un nombre !") ;
            ok = 0 ;
          } ; // fin de si
          if (ok==1) {   f.submit() ; } ;
        
        } ; // fin de fonction valide
        
        </script>
        
        </head>
        
        <body>
        <h1>Exemple de Formulaire validé en javascript  </h1>
        
        Veuillez remplir les champs suivants :
        <blockquote>
        <form action="suite.htm" method="get">
        <table summary="questions">
        <tr><td>Nom</td><td><input type="text" name ="nom" class="bleu_pastel" />       </td></tr>
        <tr><td>Prénom</td><td><input type="text" name ="prénom" class="bleu_pastel" /> </td></tr>
        <tr><td>Votre age </td><td><input type="text" name ="age" class="tajaunec" /> </td></tr>
        <tr><td>Votre sexe </td>
        <td>
        <input type="radio" name ="sexe" /> homme
        <input type="radio" name ="sexe" /> femme
        </td></tr>
        <tr><td>Quel jour ? </td><td>
        <select name="jour">
        <option> lundi </option>
        <option> mardi </option>
        <option> merdi </option>
        <option> jeudi </option>
        <option> vendi </option>
        </select>
        </td></tr>
        </table>
        <input type="button" value="valider JS" onclick="valide(this.form)"  class="vert_pastel"/>
        <input type="button" value="envoyer JS" onclick="alert('js !') ; this.form.submit()" class="orange_pastel" />
        <input type="submit" value="envoyer HTML" class="rouge_pastel"/>
        </form>
        </blockquote>
        </body>
        </html>

 

 

retour gH    Retour à la page principale de   (gH)