Enregistrement de l'utilisateur - Validation et enregistrement

Question

J'ai commencé à écrire la validation pour l'enregistrement de l'utilisateur. Ce formulaire permet aux utilisateurs de s'inscrire sur le site, mais j'ai des problèmes avec la façon d'écrire correctement la validation pour chaque champ.

jusqu'à présent:

<div id="content"> 
     <div class="ic"></div> 
     <div class="inner"> 
      <div class="container_12"> 
       <div class="wrapper"> 
        <div class="grid_12"> 
        </div> 
       </div> 
       <div class="wrapper"> 
        <div class="grid_12"> 
         <h2 class="h-pad1">Open an Account with Us</h2> 
         <form action="" id="validate" class="form" method="POST"> 
      <fieldset> 
       <div class="formRow"> 
        <label for="login">Username:</label> 
        <div class="loginInput"><input type="text" name="username" class="validate[required]" id="username" maxlength="15"/></div> 
        <div class="clear"></div> 
       </div> 

       <div class="formRow"> 
        <label for="pass">Password:</label> 
        <div class="loginInput"><input type="password" name="password" class="validate[required]" id="pass" /></div> 
        <div class="clear"></div> 
       </div> 

       <div class="formRow"> 
        <label for="pass">Repeat Password:</label> 
        <div class="loginInput"><input type="password" name="rpassword" class="validate[required]" id="rpass" /></div> 
        <div class="clear"></div> 
       </div> 

       <div class="formRow"> 
        <label for="pass">Email:</label> 
        <div class="loginInput"><input type="text" name="email" class="validate[required]" id="email" /></div> 
        <div class="clear"></div> 
       </div> 

Quel serait le bon code à ajouter? Je vous remercie.

Answer 1

Votre tâche la plus importante est d'apprendre à utiliser document.getElementById() si vous allez à l'aide de javascript régulier. Avec cette fonction, vous pouvez saisir la valeur dans les différents champs et vérifier ce qui y est stocké.

Je voudrais avoir une fonction de haut niveau validateRegistrationForm() qui appelle des fonctions pour valider chaque champ. Par exemple

function validateRegistrationForm(){ 
    if(!validateEmailField()) // Invalid email format 
      return; 
    if(!validatePasswordField()) // Invalid password length 
      return; 
    if(validateUserNameField()) // invalide characters in email 
      return; 
    . 
    . 
    etc. 
} 

function validateEmailField(){ 
    var x=document.getElementById("email").value; 
    var atpos=x.indexOf("@"); 
    var dotpos=x.lastIndexOf("."); 
    if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length) 
    { 
     errorPopup("Not a valid e-mail address"); 
     return false; 
    } 

    if(email==x) //If the old email is equal to the current then perform no check for uniqueness. On the server side the email portion will be ignored. 
     return true; 

    return isEmailUnique(); // return true if the email is unique 
} 

Answer 2

Vous pouvez avoir quelque chose comme:

function validate() 
{ 

var uName = document.getElementById('username'); 

if(uName == '' or uName=' ') 
{ 

// do something 

} 

repeat for other elements. 

. 
. 
. 
. 

// in the end, you can return true; if all validation condition meet or else return false; 

}