Question

为了保持这个简单，我只包含了一个我正在验证的表格。一切都验证正确，但我无法弄清楚为什么不会生成令牌。表格永远不会提交。我没有验证表格是否正常工作，不确定问题是什么。

var oeValidate = {
    'name' : function() {
        var ele = $('#name');

        if(ele.val().length < 6) {
            oeValidate.errors = true;
            ele.removeClass('correct').addClass('error');
        } else {
            ele.removeClass('error').addClass('correct');
        }
    },

    'sendIt' : function() {
        if(!oeValidate.errors) {
            $('#payment-form').submit(function(event){
                // disable the submit button to prevent repeated clicks
                $('#stripe-submit').attr("disabled", "disabled");

                // send the card details to Stripe
                Stripe.createToken({
                    name: $('#name').val(),
                    number: $('#card-number').val(),
                    exp_month: $('select[name="card-month"]').val(),
                    exp_year: $('select[name="card-year"]').val(),
                    cvc: $('#card-cvc').val()
                }, stripeResponseHandler);

                // prevent the form from submitting the default action
                return false;
            });
        }
    }
};

Stripe.setPublishableKey(stripe_vars.publishable_key);

function stripeResponseHandler(status, response) {
    if (response.error) {
        // show errors returned by Stripe
        jQuery(".payment-errors").html(response.error.message);
        // re-enable the submit button
        jQuery('#stripe-submit').attr("disabled", false);
    } else {
        var form$ = jQuery("#payment-form");
        // token contains id, last4, and card type
        var token = response['id'];
        // insert the token into the form so it gets submitted to the server
        form$.append("<input type='hidden' name='stripeToken' value='" + token + "'/>");
        // and submit
        form$.get(0).submit();
    }
}

jQuery(document).ready(function($) {
    $('#stripe-submit').click(function (){
        oeValidate.errors = false;
        oeValidate.name();
        oeValidate.sendIt();
        return false;
    });
});

Answer 1

想出来。需要没有提交函数作为方法。

$('#payment-form').submit(function(event){
    // validate fields
    oeValidate.errors = false;
    oeValidate.name();

    // send the card details to Stripe
    if(!oeValidate.errors){
        // disable the submit button to prevent repeated clicks
        $('#stripe-submit').attr("disabled", "disabled");

        Stripe.createToken({
            name: $('#name').val(),
            number: $('#card-number').val(),
            exp_month: $('select[name="card-month"]').val(),
            exp_year: $('select[name="card-year"]').val(),
            cvc: $('#card-cvc').val()
        }, stripeResponseHandler);
    }

    // prevent the form from submitting the default action
    return false;
});

Answer 2

假设您必须使用

Stripe.createToken($(this), stripeResponseHandler);

我的意思是第一个参数必须是你的表单对象，你的表单必须包含你想要创建的指定字段，而不是一个对象

然后response将包含此信息

检查此docs

验证其他字段后创建条带支付令牌

2 个答案: