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

BootstrapValidator est un plug-in jQuery d'inspection de formulaire spécifiquement pour Boostrap v3. Il peut implémenter de nombreuses fonctions d'inspection couramment utilisées, est facile à développer et prend également en charge le chinois ! Il peut être utilisé immédiatement pour les utilisateurs bootstrap.

Préfixe :

Présentation 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

Réflexion :

Utilisez des expressions régulières.

Il y a deux situations. La première est que si la zone de saisie a sa propre vérification régulière, vous n'avez pas à vous en soucier (en général, une vérification régulière est utilisée pour contrôler strictement la seconde) ; est que s'il n'y a pas d'expression régulière, vous devez ajouter que vous ne pouvez pas saisir la règle régulière de &.

Il est nécessaire de surcharger la fonction d'initialisation bootstrapValidator et de 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
) ;

Mise en œuvre :

/*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; 
　　} 
}) 

Le contenu ci-dessus est la vérification globale sous bootstrapValidator basée sur jQuery introduite par l'éditeur de Script House. J'espère qu'il vous plaira.