Проблема проверки Jquery - не работает для одного конкретного поля

Question

Я смотрю на это часами, и, думаю, спрошу здесь, прежде чем вырвать мои волосы. Я делаю проверку формы. все хорошо, кроме одного поля: я уверен, что это что-то глупое.

<input name="Credit Card Number" style="width:150px;" title="Credit Card Number" id="billingCC" type="text" class="textboxpg2" maxlength="50" autocomplete="off" onKeyUp="highlightCC(this.value);">

вот сделка. когда я просто добавляю необходимый класс, он работает просто отлично. когда я пытаюсь добавить правило вместо этого, оно не находит поле недействительным. все остальное в форме, все остальные проверки, работают нормально. только этот. Я попробовал это без onkeyup javascript, чтобы убедиться, что это не мешает, и это не проблема. пожалуйста, укажите на глупую ошибку, в которой я уверен. Я не получаю ничего в консоли ошибок, и, кроме этого, форма проверяет нормально. СПАСИБО!

Правило

        billingCC: {
        required:true,
        creditcard:true,
        number: true,           
    },

сообщение

billingCC: "Invalid credit card number",

Answer 1

Плагин validate использует атрибут name, а не id, поэтому он не находит его.Попробуйте это:

<input name="billingCC" style="width:150px;" title="Credit Card Number" id="billingCC" type="text" class="textboxpg2" maxlength="50" autocomplete="off" onKeyUp="highlightCC(this.value);">