Question

我正在尝试使用验证器创建一个Stripe.js驱动的表单。这是我的源代码：

<script type="text/javascript">
jQuery(function($) {
  $('[data-numeric]').payment('restrictNumeric');
  $('.cc-number').payment('formatCardNumber');
  $('.cc-exp').payment('formatCardExpiry');
  $('.cc-cvc').payment('formatCardCVC');

  $.fn.toggleInputError = function(erred) {
    this.parent('.form-group').toggleClass('has-error', erred);
    return this;
  };

  $('form').submit(function(e) {
    e.preventDefault();

    var cardType = $.payment.cardType($('.cc-number').val());
    $('.cc-number').toggleInputError(!$.payment.validateCardNumber($('.cc-number').val()));
    $('.cc-exp').toggleInputError(!$.payment.validateCardExpiry($('.cc-exp').payment('cardExpiryVal')));
    $('.cc-cvc').toggleInputError(!$.payment.validateCardCVC($('.cc-cvc').val(), cardType));
    $('.cc-brand').text(cardType);

    $('.validation').removeClass('text-danger text-success');
    $('.validation').addClass($('.has-error').length ? 'text-danger' : 'text-success');
  });

});
</script>

以下是完整来源的链接：http://pastebin.com/DZhNNGe7 验证器可以正常使用无效数据，但在填写带有验证数据的表单后，表单实际上并未提交给获取令牌，但我收到一条绿色消息“验证通过”。我需要做些哪些更改才能在验证后实际提交表单？

Answer 1

更改

$('form').submit(function(e) {

到

$('button[type="submit"]').click(function(e){

并在正确验证后添加：

$('form').submit();

如何提交我的stripe.js驱动表单？

1 个答案: