2012-06-22 5 views
0

J'ai une paire de zones de texte dans un formulaire qui contient des valeurs. J'utilise onfocus et onblur pour effacer la valeur lorsque l'utilisateur clique sur la zone de texte. J'essaie aussi de valider le textbox mais comme il y a déjà une valeur dans la boite, la validation ne marche pas. Existe-t-il un moyen d'obtenir la validation pour ignorer la valeur (c'est-à-dire le prénom)?Validation de la zone de texte Jquery avec la valeur de la zone de texte

Merci!

<script type="text/javascript"> 

var j = jQuery.noConflict(); 

    j(document).ready(function() { 


     j("#ContactUs_Solutions_EN2012").validate({ 

     rules: { 
realname: "required", 
email: { 
    required: true, 
    email: true 
} 
}, 
messages: { 
realname: "<p style='color:red; font-size:12px; margin:-10px 0 0px 0; padding:10px 0px 10px 10px ; text-align:right;'>Please specify your name</p>", 
email: { 
    required: "<p style='color:red; font-size:10px; margin:-10px 0 0px 0; padding:0; text-align:right;'>We need your email address to contact you</p>", 
    email: "Your email address must be in the format of [email protected]" 
    } 
} 
     }); 
    }); 
</script> 

<input style="WIDTH: 275px" id="First_Name" name="realname" class="required" size="25" minlength="2" value="First Name" > 
+0

Montrez-nous le code que vous avez décrit dans votre message. –

+0

code s'il vous plaît afin que nous puissions répondre à votre question –

+0

Désolé Gents, là vous allez – onei0120

Répondre

0

Étant donné que vous mettez une valeur dans votre zone de texte, votre validation ne fonctionnera pas. Changez la valeur en espace réservé. Vous n'avez pas besoin de mettre onfocus et onblur pour effacer la valeur car l'espace réservé le fera pour vous.

<input style="WIDTH: 275px" id="First_Name" name="realname" class="required" size="25" minlength="2" placeholder="First Name" > 
+0

n'est pas placéholde un attribut html5, et si le navigateur des utilisateurs ne supporte pas html5? – onei0120

0

Vous pouvez créer une variable booléenne globale et l'initialiser comme false. Dans votre fonction "onfocus", changez simplement le booléen en vrai. Afficher uniquement les messages d'erreur si votre variable booléenne est vraie.

Sinon, vous pouvez utiliser un attribut HTML 5 « espace réservé »

qui fait essentiellement la partie sur mise au point pour vous avec en mettant réellement une valeur dans la zone de texte. Pour plus de détails, voir http://www.w3schools.com/html5/att_input_placeholder.asp.

Questions connexes