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

高洛峰
高洛峰original
2017-01-07 11:29:081483parcourir

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

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 !


Déclaration:
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