使用jQuery.payment库进行基础Abide验证

Question

我有以下可行的脚本：http://jsfiddle.net/asWeb/cxk47qen/2/

• 如果我在表单为空时点击提交，我会收到正确的错误消息
• 如果我输入正确的卡号（使用有效的卡号进行测试），然后我再次点击提交我不应该收到卡号输入的错误信息，但我仍然这样做，这是我的问题。

希望我使用正确的基础验证语法：

      <div class="large-4 columns form-group">
        <label for="cc-number" class="control-label">Card number formatting <small class="text-muted"><span class="cc-brand"></span></small></label>
        <input id="cc-number" type="text" class="card input-lg form-control cc-number" pattern="\d*" autocomplete="cc-number" placeholder="Card number" required>
         <small class="error">invalid</small>
      </div>

      <div class="large-4 columns form-group">
        <label for="cc-exp" class="control-label">Expiry formatting</label>
        <input id="cc-exp" type="text" class="input-lg form-control cc-exp" pattern="\d*" autocomplete="cc-exp" placeholder="Expires MM/YY" required>
        <small class="error">invalid</small>
      </div>

      <div class="large-4 columns form-group">
        <label for="cc-cvc" class="control-label">CVC formatting</label>
        <input id="cc-cvc" type="text" class="input-lg form-control cc-cvc" pattern="\d*" autocomplete="off" placeholder="Security code" pattern="cvv" required>
        <small class="error">invalid</small>
      </div>

我正在使用这个library too因为我需要一些更一致的检查卡号（基金会缺少一点），但这不应该干扰我的问题。即使我删除此库，我也有同样的问题。