Maison > interface Web > js tutoriel > le corps du texte

jQuery Valider la vérification, un exemple spécifique de règles de vérification écrites dans le contrôle

高洛峰
Libérer: 2017-01-07 11:29:08
original
1450 Les gens l'ont consulté

Écrivez les règles de vérification dans le contrôle

<script src="../js/jquery.js" type="text/javascript"></script>
<script src="../js/jquery.validate.js" type="text/javascript"></script>
<script src="./js/jquery.metadata.js" type="text/javascript"></script>
$().ready(function() {
 $("#signupForm").validate();
});
<form id="signupForm" method="get" action="">
    <p>
        <label for="firstname">Firstname</label>
        <input id="firstname" name="firstname" class="required" />
    </p>
 <p>
  <label for="email">E-Mail</label>
  <input id="email" name="email" class="required email" />
 </p>
 <p>
  <label for="password">Password</label>
  <input id="password" name="password" type="password" class="{required:true,minlength:5}" />
 </p>
 <p>
  <label for="confirm_password">确认密码</label>
  <input id="confirm_password" name="confirm_password" type="password" class="{required:true,minlength:5,equalTo:&#39;#password&#39;}" />
 </p>
    <p>
        <input class="submit" type="submit" value="Submit"/>
    </p>
</form>
Copier après la connexion

Conseils :
Utilisez class="{}" et vous devez importer le package : jquery.metadata.js


Vous pouvez utiliser la méthode suivante pour modifier le contenu de l'invite :
class="{required:true,minlength:5,messages:{required:'Veuillez saisir le contenu'}}"

Lors de l'utilisation du mot-clé égal à, le contenu suivant doit être placé entre guillemets, comme indiqué dans le code suivant :
class="{required:true,minlength:5,equalTo:'#password'} "

Pour plus de vérification jQuery Validate et des exemples spécifiques de règles de vérification écrites dans les contrôles, veuillez faire attention au site Web PHP chinois !


Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal