2015-11-24 23 views
0

我想用驗證器創建一個Stripe.js驅動的窗體。下面是我的源代碼:如何提交我的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 驗證正常工作與無效的數據,但在填寫與驗證數據表格後,實際上並沒有提交到獲得令牌,但我得到一個說「驗證通過」的綠色消息。驗證後,我需要做些什麼才能讓表單實際提交?

回答

1

變化

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

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

和正確的驗證之後添加:

$('form').submit(); 
+0

請說明確切位置在哪裏我要補充$( '形式')提交(); ?在哪一行? – user4271704

+0

更改$('。validation')。addClass($('。has-error')。length?'text-danger':'text-success'); if($('。has-error')。length){$('。validation')。addClass('text-danger')} else {$('。validation')。addClass('text-success' ); $('form')。submit()} –

+0

因此,在上面的註釋和第一部分關於button的回答中,只有在驗證後纔會提交表單,我會得到令牌? – user4271704