여러 텍스트 상자를 사용하여 신용 카드 유효성 검사 문제가 발생했습니다.

Question

jquery 유효성 검사와 함께 여러 신용 카드 번호를 입력 할 수있는 여러 텍스트 상자를 사용하고 있습니다. 애매하게, 첫 번째 텍스트 상자 유효성 검사 만 작동합니다. 유효성 검사는 다른 상자에서 작동하지 않습니다. 오류 콘솔에는 js 오류도 없습니다.

누군가가 나에게 단서를 제공 할 수 있다면 매우 도움이 될 것입니다. 단지

//for first textbox 
$("#cust_reg").validate({ 
    rules: { 
    cc_num_local: { 
     required: true, 
     creditcard: true 
    } 
    } 
    }); 

//for second textbox 

    $("#cust_reg").validate({ 
    rules: { 
    cc_num_roam: { 
     required: true, 
     creditcard: true 
    } 
    } 
    }); 

관련 HTML은 : http://pastie.textmate.org/2422338

Answer 1

당신은 cust_reg의 ID를 사용하여 두 개 이상의 HTML 요소를 가질 수 있습니다. 그렇게하면 JavaScript 코드에서 다른 코드를 대체하기 때문에 하나만 사용할 수 있습니다. 유효한 HTML도 아닙니다. 두 번째 필드의 이름을 cust_reg2과 같이 다른 이름으로 변경해야합니다.

Answer 2

하나의 양식과 두 개의 다른 ID가 있으므로 코드에서 조합 해보십시오.

$("#cust_reg").validate({ 
    rules: { 
    cc_num_local: { 
     required: true, 
     creditcard: true 
    }, 
    cc_num_roam: { 
     required: true, 
     creditcard: true //Not sure if this can be the same name 
    } 
    } 
});