>  기사  >  웹 프론트엔드  >  jquery 유효성 검사 연결 확인

jquery 유효성 검사 연결 확인

高洛峰
高洛峰원래의
2016-11-04 17:03:591610검색

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

즉, 선택하기 전에 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 유효성 검사 연결 확인

성공적이고 정확하게 확인되었습니다. 그리고 다양한 팁이 있습니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:JQ 공통 데모다음 기사:JQ 공통 데모