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

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

2 个答案: