Implementieren Sie eine globale Validierung unter BootstrapValidator basierend auf jQuery

In diesem Artikel werden hauptsächlich relevante Informationen zur Implementierung der globalen Validierung unter BootstrapValidator basierend auf jQuery vorgestellt. Freunde in Not können darauf zurückgreifen.

BootstrapValidator ist ein jQuery-Plug-in zur Formularüberprüfung speziell für Boostrap v3, das dies erreichen kann Viele häufig verwendete Inspektionsfunktionen, einfach zu erweitern und unterstützen auch Chinesisch! Es kann sofort für Bootstrap-Benutzer verwendet werden.

Präfix:

Einführung von jQuery, Bootstrap, BootstrapValidator

Problembeschreibung:

Das Projekt erfordert, dass das &-Symbol nicht in allen Formulareingabefeldern eingegeben werden kann. Ich habe in Bootstrap keine verfügbare Methode gefunden, also musste ich es selbst tun

Idee:

Reguläre Ausdrücke verwenden.

Es gibt zwei Situationen: Wenn das Eingabefeld über eine eigene regelmäßige Überprüfung verfügt, müssen Sie sich darüber keine Sorgen machen (im Allgemeinen wird die regelmäßige Überprüfung zur strengen Kontrolle der Eingabe verwendet). ); der zweite, wenn kein regulärer Ausdruck vorhanden ist, muss ein regulärer Ausdruck hinzugefügt werden, der nicht eingegeben werden kann.

Sie müssen die BootstrapValidator-Initialisierungsfunktion überladen und die Initialisierungseinstellungen entsprechend den beiden oben genannten Situationen korrigieren. Stellen Sie abschließend die ursprüngliche BootstrapValidator-Funktion wieder her (dieser Schritt ist notwendig, da die ursprüngliche BootstrapValidator-Funktion viele eigene Dinge hat, die nicht verloren gehen können);

Implementierung:

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

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein zur chinesischen PHP-Website!

Verwandte Empfehlungen:

Einführung in die Methode zur Verwendung von jQuery zur Implementierung von Ajax zum Aufrufen von WCF-Diensten

Implementierung von jQuery mehrstufiges Akkordeonmenü

Das obige ist der detaillierte Inhalt vonImplementieren Sie eine globale Validierung unter BootstrapValidator basierend auf jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!