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; } })
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 :
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!