jquery 유효성 검사 연결 확인-JS 튜토리얼-php.cn

jquery 유효성 검사 연결 확인

高洛峰

풀어 주다： 2016-11-04 17:03:59

원래의

1653명이 탐색했습니다.

원래 저희 프로젝트에는 신분증만 있었습니다. 하지만 이제 인증을 위해 홍콩, 마카오, 대만 패스를 추가해야 합니다.

즉, 선택하기 전에 ID 유형을 선택해야 합니다.

jquery 유효성 검사 연결 확인

이제 이렇게 바꿔보겠습니다. 사용자가 신분증을 선택하면 본토 신분증에 대한 별도의 인증을 진행해야 합니다. 대만을 선택하시면 대만을 별도로 확인해드립니다. 프로젝트 프런트 엔드의 모든 JS 유효성 검사는 jquery 유효성 검사를 사용하여 확인됩니다. 오랜 고민 끝에 초기

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

로그인 후 복사

는 원래 검증에서 따로 얻은 타입이었는데, 신뢰성이 없다고 느껴서 add메서드 메소드에 매개변수를 추가했습니다

jQuery.validator.addMethod("id_card",function(value,element,type){        console.log(type[0]);
    },function(){
        
    }
);

规则方面我用的

id_card:{
    required: false,
    id_card: [$("#id_type").val()]
},

로그인 후 복사

그러나 매개변수를 어떻게 전달하더라도 addmethod 메소드의 유형 매개변수는 항상 비어 있습니다. 아무리 노력해도 얻을 수 없습니다. 백그라운드에서

            id_type:{                required: true
            },            id_card:{                required: false,
                id_card: [id_type]
            },

로그인 후 복사

규칙을 변경했습니다. 즉, 전달된 id_card는 실제로 이 양식 요소인 위의 id_type입니다.

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

로그인 후 복사

은 add 메소드 수신에서 이렇게 처리됩니다. 이렇게 하면 ID 유형에 따라 서로 다른 ID 번호가 올바른지 판단할 수 있습니다. 프런트엔드 판단이 정확하고 백엔드에서 처리하기가 더 쉽습니다.

결과 보기:

jquery 유효성 검사 연결 확인