API tools faq
paste
LOVEGUN

Devoir de contrôle 2 by LOVEGUN (HTML+JS)

LOVEGUN
Feb 9th, 2021 (edited)
157
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.16 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <title>Untitled Document</title>
  6. <script language="javascript">
  7. function remplir (){
  8.     an=f.T3.value;
  9.     f.T4.value=2021-an;
  10. }
  11.  
  12.  
  13. function verif (){
  14.     nom=f.T1.value;
  15.     pre=f.T2.value;
  16.     an=f.T3.value;
  17.     email=f.T6.value;
  18.     CIN=f.T5.value;
  19.     mdp1=f.T8.value;
  20.     mdp2=f.T9.value;
  21.     alpha='AZERTYUIOPQSDFGHJKLMWXCVBN';
  22.     alphamin=alpha.toLowerCase();
  23.     for (i=0;i<nom.length;i++)
  24.         if (alpha.indexOf(nom.charAt(i))==-1 && alphamin.indexOf(nom.charAt(i))==-1)
  25.         {
  26.             alert ('Le champ nom est invalide');
  27.             return false;  
  28.         }
  29.         if (isNaN (an) || an<=0)
  30.     {
  31.         alert ('Le champ an est invalide');
  32.         return false;
  33.     }
  34.     if (f.r[0].checked == false && f.r[1].checked == false)
  35.     {
  36.         alert ('Veuiller sélectionner un sex');
  37.         return false;
  38.     }  
  39.     if (f.m.options.selectedIndex == 0)
  40.     {
  41.         alert ('Veuillez selectionner un état civil');
  42.         return false;
  43.     }
  44.     if (email=='' || email.indexOf('@')==-1 || email.indexOf('.')==-1)
  45.     {
  46.         alert ('Email invalide');
  47.         return false;
  48.     }
  49.     if (CIN.length!=8|| (CIN.charAt(0)!='1' && CIN.charAt(0)!='0') || isNaN(CIN))
  50.     {
  51.         alert ('CIN Invalide');
  52.         return false;
  53.     }
  54.     if (mdp1!=mdp2)
  55.     {
  56.         alert ('Vous avez tapé deux mdp diff');
  57.         return false;
  58.     }
  59.     if (mdp1=='')
  60.     {
  61.         alert ('Le mot de passe est vide');
  62.         return false;
  63.    
  64.     }
  65.     if (nom=='' || pre=='')
  66.     {
  67.         alert ('Le champ nom ou prenom est vide');
  68.         return false;
  69.     }
  70.    
  71.  
  72. }
  73. </script>
  74. <style type="text/css">
  75. <!--
  76. .style1 {
  77.     font-size: 24px;
  78.     font-style: italic;
  79.     font-weight: bold;
  80. }
  81. -->
  82. </style>
  83. </head>
  84. <body>
  85. <p class="style1">Formulaire:</p>
  86. <form id="f" name="f" method="post" action=""
  87. onsubmit=" return verif()">
  88.   <table width="843" border="0">
  89.     <tr>
  90.       <td width="188" height="42">Nom:</td>
  91.       <td width="645"><label>
  92.         <input name="T1" type="text" id="T1" />
  93.       </label></td>
  94.     </tr>
  95.     <tr>
  96.       <td height="52">Prenom:</td>
  97.       <td><label>
  98.         <input name="T2" type="text" id="T2" />
  99.       </label></td>
  100.     </tr>
  101.     <tr>
  102.       <td height="48">Ann&eacute;e de naissance:</td>
  103.       <td><label>
  104.         <input name="T3" type="text" id="T3" onclick="remplir ()" />
  105.       </label>
  106.       Age calcul&eacute; est:
  107.       <label>
  108.       <input name="T4" type="text" disabled="disabled" id="T4" size="6" maxlength="6" />
  109.       </label></td>
  110.     </tr>
  111.     <tr>
  112.       <td height="60">Sexe</td>
  113.       <td><label>
  114.         <input name="r" type="radio" value="radiobutton" />
  115.       Masculin<br />
  116.       <input name="r" type="radio" value="radiobutton" />
  117.       Feminin</label></td>
  118.     </tr>
  119.     <tr>
  120.       <td height="47">Etat civil: </td>
  121.       <td><label>
  122.         <select name="m" id="m">
  123.           <option value="0">Choisissez l'etat</option>
  124.           <option value="1">En couple</option>
  125.           <option value="2">C&eacute;libataire</option>
  126.         </select>
  127.       </label></td>
  128.     </tr>
  129.     <tr>
  130.       <td height="40">CIN:</td>
  131.       <td><label>
  132.         <input name="T5" type="text" id="T5" />
  133.       </label></td>
  134.     </tr>
  135.     <tr>
  136.       <td height="39">Adresse e-mail: </td>
  137.       <td><label>
  138.         <input name="T6" type="text" id="T6" />
  139.       </label></td>
  140.     </tr>
  141.     <tr>
  142.       <td height="48">Login:</td>
  143.       <td><label>
  144.         <input name="T7" type="text" id="T7" />
  145.       </label></td>
  146.     </tr>
  147.     <tr>
  148.       <td height="44">Mot de passe: </td>
  149.       <td><label>
  150.         <input name="T8" type="text" id="T8" />
  151.       </label></td>
  152.     </tr>
  153.     <tr>
  154.       <td height="47">Confirm mot de passe: </td>
  155.       <td><label>
  156.         <input name="T9" type="text" id="T9" />
  157.       </label></td>
  158.     </tr>
  159.     <tr>
  160.       <td height="68" colspan="2"><div align="center">
  161.         <label>
  162.         <input type="submit" name="Submit" value="Envoyer" />
  163.         </label>
  164.         <label>
  165.         <input type="reset" name="Submit2" value="Annuler" />
  166.         </label>
  167.       </div></td>
  168.     </tr>
  169.   </table>
  170. </form>
  171. <p>&nbsp;</p>
  172. </body>
  173. </html>
  174.  
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!