Maison > interface Web > js tutoriel > jQuery Valider la vérification, un exemple spécifique de règles de vérification écrites dans le contrôle

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
1482 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