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

Implémenter la validation globale sous bootstrapValidator basée sur jQuery

不言
Libérer: 2018-07-02 14:11:28
original
1413 Les gens l'ont consulté

Cet article présente principalement les informations pertinentes sur l'implémentation de la validation globale sous bootstrapValidator basée sur jQuery. Les amis dans le besoin peuvent s'y référer

BootstrapValidator est un plug-in jQuery de vérification de formulaire spécifiquement pour Boostrap v3, qui peut réaliser. de nombreuses fonctions d'inspection couramment utilisées, faciles à étendre et prennent également en charge le chinois ! Il peut être utilisé immédiatement pour les utilisateurs bootstrap.

Préfixe :

Introduction de jQuery, bootstrap, bootstrapValidator

Description du problème :

Le projet exige que le symbole & ne puisse pas être saisi dans toutes les zones de saisie du formulaire. Je n'ai trouvé aucune méthode disponible dans bootstrap, j'ai donc dû le faire moi-même

Idée :

Utiliser des expressions régulières.

Il y a deux situations. La première, si la zone de saisie a sa propre vérification régulière, vous n'avez pas à vous en soucier (d'une manière générale, une vérification régulière est utilisée pour contrôler strictement la saisie. ); le second, s'il n'y en a pas. L'expression régulière doit ajouter une expression régulière qui ne peut pas saisir &.

Vous devez surcharger la fonction d'initialisation bootstrapValidator et corriger les paramètres d'initialisation en fonction des deux situations ci-dessus. Enfin, restaurez la fonction bootstrapValidator d'origine (cette étape est nécessaire, la fonction bootstrapValidator d'origine a de nombreux éléments associés qui ne peuvent pas être perdus

Implémentation :
) ;

/*add chenhua 2015.10.16 重写bootstrapValidator方法?给每一个验证项都添加禁止输入"&"符号*/ 
$(function(){  //保存原始的bootstrapValidator 
  var overwrite = $.fn.bootstrapValidator;   //重载bootstrapValidator
  $.fn.bootstrapValidator = function(options){ 
    //恢复原来的bootstrapValidator,因为其加了很多数据是不能丢失的 
    $.fn.bootstrapValidator = overwrite; 
            //这里有两种做法,第一种是直接修改arguments内容,使其包含不能输入&的验证,然后调用即可;    //第二种是先使用arguments来初始化,然后使用调用bootstrapValidator的函数来给非正则表达式验证的项添加不能输入&的验证    //这里我们使用了第二中。  
    var validtor = overwrite.apply(this,arguments); 
    if($.type(arguments[0]) == "object"){ 
      var vtor = this.data("bootstrapValidator"),      //过滤出输入框表单项   
      fileds = this.find("input[name][type='hidden'],input[name][type='password'],input[name][type='text'],textarea[name]").not(":disabled,[type='hidden']"); 
      fileds.each(function(){ 
        //本身没有正则验证才添加不能输入&的验证 
        if(!vtor.getOptions($(this).attr('name'),'regexp','regexp')){ 
         vtor.addField($(this).attr('name'), 
            { 
              validators: { 
                regexp: { 
                  regexp: /^[^&]*$/, 
                  message: "不能包含&字符" 
                } 
              } 
          }) 
        } 
      }) 
    } 
    return validtor; 
  } 
})
Copier après la connexion

Ce qui précède est l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'étude de chacun. Pour plus de contenu connexe, s'il vous plaît. faites attention au site Web PHP chinois !

Recommandations associées :

Introduction à la méthode d'utilisation de jQuery pour implémenter ajax pour appeler les services WCF

Implémentation de jQuery menu accordéon à plusieurs niveaux

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en 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