使用多个文本框的信用卡验证问题答案

【问题标题】：Credit card validation problem using multiple textbox使用多个文本框的信用卡验证问题
【发布时间】：2011-08-24 13:45:27
【问题描述】：

我使用多个文本框让用户输入不同的信用卡#，并带有 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

【问题讨论】：

标签： jquery-validate credit-card

【解决方案1】：

您可以拥有多个使用cust_reg id 的HTML 元素。如果你这样做了，那么只有一个可用于你的 JavaScript 代码，因为一个取代了另一个。它也不是有效的 HTML。您需要将第二个字段的名称更改为不同的名称，例如 cust_reg2。

【讨论】：

cust_reg 是表单的名称。对于信用卡 jquery 验证，您必须使用表单名称。 .. 我通过将第一个 dom 元素发送到onblur 上的验证函数解决了这个问题。

【解决方案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
    }
  }
});

【讨论】：