Heim > Web-Frontend > js-Tutorial > Hauptteil

jquery validiert die Verknüpfungsüberprüfung

高洛峰
Freigeben: 2016-11-04 17:03:59
Original
1613 Leute haben es durchsucht

Ursprünglich gab es in unserem Projekt nur Ausweise. Aber jetzt müssen wir zur Überprüfung einen Pass für Hongkong, Macau und Taiwan hinzufügen.

Das heißt, Sie müssen vor der Auswahl einen Identitätstyp auswählen.

jquery validiert die Verknüpfungsüberprüfung

Jetzt ändern wir es so. Ich muss eine separate Überprüfung des Personalausweises für das Festland durchführen, wenn der Benutzer den Personalausweis auswählt. Wenn Sie sich für Taiwan entscheiden, verifiziere ich Taiwan separat. Alle JS-Validierungen am Frontend des Projekts werden mit jquery validate überprüft. Nachdem ich lange gekämpft hatte, war der ursprüngliche

var join_msg = 1;
jQuery.validator.addMethod("id_card",function(value,element){        var type = $("#id_type").val();
        console.log(type[0].value);        if(!type){
            join_msg = "请选择身份类型";            return  false;
        }        if(type == 1){
            join_msg = "身份证不合法";            var CN = isIdCardNo(value);            return CN;
        }else if( type == 2){

        }
    },function(){        return join_msg;
    }
);
Nach dem Login kopieren

ursprünglich ein Typ, der bei der Überprüfung separat erhalten wurde. Ich hatte jedoch das Gefühl, dass dies unzuverlässig war, also fügte ich der addmethod-Methode

< einen zusätzlichen Parameter hinzu 🎜>
jQuery.validator.addMethod("id_card",function(value,element,type){        console.log(type[0]);
    },function(){
        
    }
);

规则方面我用的

id_card:{
    required: false,
    id_card: [$("#id_type").val()]
},
Nach dem Login kopieren
Aber egal, wie ich Parameter übergebe, der Typparameter in der Methode addmethod wird immer leer sein. Egal wie sehr ich es versuche, ich schaffe es nicht. Im Hintergrund habe ich die Regeln

            id_type:{                required: true
            },            id_card:{                required: false,
                id_card: [id_type]
            },
Nach dem Login kopieren
geändert, das heißt, die übergebene id_card ist tatsächlich der obige id_type, bei dem es sich um dieses Formularelement handelt.

var join_msg = "请填写正确的证件号码和选择正确的身份类型";
jQuery.validator.addMethod("id_card",function(value,element,type){        var new_type = type[0].value;        console.log(new_type);        if(!new_type){
            join_msg = "请选择身份类型";            return this.optional(element) || false;
        }        if(new_type == 1){
            join_msg = "身份证不合法";            var CN = isIdCardNo(value);            return this.optional(element) || CN;
        }else if(new_type == 2){

        }
    },function(){        return join_msg;
    }
);
Nach dem Login kopieren
wird im Addmethod-Empfang so verarbeitet. Auf diese Weise kann ich anhand verschiedener Identitätstypen beurteilen, ob unterschiedliche ID-Nummern korrekt sind. Das Frontend-Urteil ist korrekt und die Verarbeitung im Backend fällt mir leichter.

Sehen Sie sich die Ergebnisse an:

jquery validiert die Verknüpfungsüberprüfung

Erfolgreich und korrekt überprüft. Und es gibt verschiedene Tipps.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage