使用多個文本框的信用卡驗證問題

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