Foundation Abide validation throws an error even if card number is valid

Question

I am implementing Foundation Abide in the following: http://alessandrosantese.com/abide/index3.html, however even if the card number is correct (tested with my Visa) it still throws an error when you click on submit. This happens if you type the card number in first and than click on submit.

I have overwritten the pattern card with one of my Visa regex that I will be using for my project.

<script>
$(document)
  .foundation({
    abide : {
      patterns: {
        dashes_only: /^[0-9-]*$/,
        ip_address: /^((25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])\.){3}(25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])$/,
        card:/^4(?:[0-9]{12}|[0-9]{15})/
      }
    }
  });
</script>