Introduction à jquery validate méthodes de validation personnalisées Date validation

Introduction à jquery validate méthodes de validation personnalisées Date validation_jquery

WBOY

Libérer： 2016-05-16 16:58:02

original

1302 Les gens l'ont consulté

jquery validate a de nombreuses règles de validation, mais le plus souvent, vous devez personnaliser les règles de validation en fonction de situations spécifiques.

Parlons ici de la validation personnalisée de jquery validate.

jquery validate dispose d'une méthode qui permet aux utilisateurs de personnaliser les règles de validation.

Cas 1 :

Copier le code Le code est le suivant :

//Personnalisé vérification $. Validator.addMethod ("ispositive", fonction (valeur, élément) {
 var score = /^[0-9]*$ /; 
 Return This.Optional (Element) || (score .test(value));
           },"Veuillez saisir un nombre supérieur à 0");

Utilisateur via addMethod Vous pouvez personnaliser vos propres règles de vérification
Cette méthode a trois paramètres. Le premier paramètre indique le nom de la règle de vérification. Voici isPositive, indiquant s'il s'agit d'un nombre positif.

Le deuxième paramètre est le véritable sujet de vérification, qui est une fonction. La première valeur de la fonction représente la valeur du formulaire qui appelle cette règle de vérification. Le deuxième élément peut être utilisé pour déterminer si elle est vide. est vide, cette règle de vérification ne sera pas appelée.

Le troisième paramètre est le message d'erreur renvoyé.

Comment l'utiliser spécifiquement ?

En fait, c'est la même chose que les règles de validation inhérentes à jquery validate.

Copier le code Le code est le suivant :

 
                                                                                  pl40" align="left"> ;
                                                                                                                                     Un total de trois des règles de validation sont utilisées, une est obligatoire, une est numérique et une est une règle de validation personnalisée. 

Le rendu est le suivant :

Cas 2 :

Lorsqu'un formulaire est soumis, la date doit souvent être vérifiée, par exemple, l'heure de fin doit être supérieure à l'heure de début.

À l'heure actuelle, vous pouvez personnaliser une méthode de vérification via jquery validate pour vérification.

La méthode est la suivante :

Copiez le code

Le code est le suivant :

$.validator.addMethod("compareDate",function(value,element){
 var assigntime = $("#assigntime").val();
 var date limitetime = $(" #deadlinetime").val();
 var reg = new RegExp('-','g');
 assigntime = assigntime.replace(reg,'/');//remplacement régulier
 DeadLinetime = DEADLINETIME.RPlace (reg, '/'); 
 assigntime = nouvelle date (PARSEINT (date.parse (assigntime), 10));
 if(assigntime>deadlinetime){
 return false;
 }else{
 return true;< E47068'>La date de fin doit être supérieure à la date de début");


La partie rouge du code ci-dessus sert à traiter la chaîne de temps, qui est traitée en 2013/12/12 08:09 : 00 est un format standard, 

La méthode replace doit être utilisée pendant le traitement. Cette méthode est finalement utilisée en combinaison avec des expressions régulières, qui sont l'objet reg dans la première ligne.
Une fois le remplacement terminé, et si nous comparions le temps ? Trois processus sont requis,

1. Convertissez l'heure standard en horodatage via la méthode Date.parse().

2. Convertissez l'horodatage en un entier et gérez-le via parseInt("",10) juste au cas où.

3. Convertissez l'horodatage en un objet date new Date().

Après la conversion en objet, vous pouvez comparer l'heure et juger directement si l'heure de fin est inférieure à l'heure de début, un message d'erreur s'affichera.

À l'heure actuelle, compareDate peut être vérifié comme les autres règles de validation jquery validate.

Cas 3 : vérification ajax

Accédez à la base de données pour vérifier si le nom d'utilisateur existe. Ceci est également souvent utilisé.

Copier le code Le code est le suivant :

$.validator.addMethod("checkUserExist",function(value,element){
                var user = value;
               $.ajax({
                   type:"POST",
                    async:false, 
                    url:"/default/index/ajax/do/ajaxcheckuser",
                    data:"nick=" user,
                    succès : fonction (réponse){
                        si (réponse ){
                            res = false;
                       }else{
                           res = true;
                        });
                    }
                }); font color='#E47068'>后台验证代码：

复制代码

代码如下 :case 'ajaxcheckuser' : $nick = trim($this->_getParam('nick')); if(isset($nick)){

$where['lx_user.nick = ?'] = array('type'=>1,'val'=>$nick);

                     $aUser = $daoUser->getUser($where);
                    if(count($aUser)>=1){
                       echo TRUE;
                   }else{ 
                        echo FALSE ;
                    } 
               }else{
                    echo FALSE ;
                }
                pause ;


如果数据库中存在，就返回vrai。