Question

我正在使用Stripe payment system接受带有jQuery验证器的信用卡，表格全部为ajax。
这适用于条带和ajax，但验证不起作用这是process.php https://gist.github.com/1750375

$(document).ready(function() {
    var payBtn = $('#paymentBtn').click(function(){
            Stripe.createToken({
                    number: $('.card_number').val(),
                    cvc: $('.card_cvc').val(),
                    exp_month: $('.card_expiry_month').val(), 
                    exp_year: $('.card_expiry_year').val()
            }, 
            function(status, response) {
                if (response.error) {
                    payBtn.removeAttr("disabled");
                    $(".payment_errors").html(response.error.message);
                    addInputNames();
                } else {
                    var token = response['id'];
                    //$("#stripeToken").val(token); 
                    var amount = $("#formAmount").val();
                    $.post( 'process.php', {amount:amount, stripeToken:token},function(data){
                        $('#recDiv').html(data);
                    });
                }
            });

            return false;
    });

    // THIS SECTION BELOW DOES NOT GET CALLED
    jQuery.validator.addMethod("cardNumber", Stripe.validateCardNumber, "*");
    jQuery.validator.addMethod("cardCVC", Stripe.validateCVC, "*");
    jQuery.validator.addMethod("cardExpiry", function() {
            return Stripe.validateExpiry($(".card_expiry_month").val(), 
                                                                     $(".card_expiry_year").val())
    }, "*");

    $("#payment_form").validate({
            submitHandler: submit,// this does nothing
            rules: {
                    "card_cvc" : {
                            cardCVC: true,
                            required: true
                    },
                    "card_number" : {
                            cardNumber: true,
                            required: true
                    },
                    "card_expiry_year" : "cardExpiry"
            }
    });
});

这适用于验证，但条件不起作用，因为现在我已将.post函数（缺少第一个示例中的所有先前变量）放入此submitHandler。

$("#payment_form").validate({
        submitHandler: function(form) {
        $.ajax({
            type: 'POST',
            url: 'process.php',
            data: $(this).serialize(),
            success: function(returnedData) {
                $('#recDiv').append(returnedData);//nothing happens because stripe doesnt work
            } 
        });         
        return false;
    },
        rules: {
                "card_cvc" : {
                        cardCVC: true,
                        required: true
                },
                "card_number" : {
                        cardNumber: true,
                        required: true
                },
                "card_expiry_year" : "cardExpiry"
        }
});

问题：如何从上面的第一个示例中获得验证？

Answer 1

我看到你也加入了这个https://gist.github.com/9ce1a97c0453581044bb - 如果你使用Mobile / Phonegap，你能展示一些关于如何连接到后端服务器的示例代码吗？

带条纹支付的ajax jquery.validate - 结合js

1 个答案: