Проблема проверки кредитной карты с использованием нескольких текстовых полей

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

Answer 2

Вы можете иметь более одного HTML-элемента, используя идентификатор cust_reg.Если вы это сделаете, то только один будет доступен для вашего кода JavaScript, так как один заменяет другой.Это также недействительный HTML.Вам нужно будет изменить имя второго поля на что-то другое, например cust_reg2.