Javascript 使用JQueY.Audio库进行基础验证

Javascript 使用JQueY.Audio库进行基础验证,javascript,zurb-foundation,abide,Javascript,Zurb Foundation,Abide,我有以下脚本可以正常工作: 如果在表单为空时单击submit,则会收到正确的错误消息 如果我输入了一个正确的卡号,并用一个有效的卡号进行了测试,然后再次单击“提交”,我将不会收到卡号输入的错误消息,但我仍然会这样做,这就是我的问题。 希望我使用正确的基础验证语法: <div class="large-4 columns form-group"> <label for="cc-number" class="control-label">Card

我有以下脚本可以正常工作:

如果在表单为空时单击submit,则会收到正确的错误消息 如果我输入了一个正确的卡号,并用一个有效的卡号进行了测试,然后再次单击“提交”,我将不会收到卡号输入的错误消息,但我仍然会这样做,这就是我的问题。 希望我使用正确的基础验证语法:

      <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>

我使用这个,因为我需要更一致的检查卡号码基金会缺少这一点,但不应该干扰我的问题。即使删除此库,我也会遇到同样的问题

如果你有pattern=card这样的卡片?它仍然会给我同样的问题…你如何确定卡号是正确的?我用我的visa测试了它。你对fiddle做了一些修改了吗?现在没事了。。。