1

我有以下脚本可以正常工作：http: //jsfiddle.net/asWeb/cxk47qen/2/

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

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

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

我也在使用这个库，因为我需要更一致的东西来检查卡号（Foundation 缺少一点），但这不应该干扰我的问题。即使我删除了这个库，我也有同样的问题。

4

0 回答 0