单页上有多个Stripe付款表单

时间:2016-08-08 09:52:19

标签: javascript stripe-payments

我正在尝试从条带帐户获取令牌。如果只有一个表单而不是多个表单,它的工作正常。我想获取用户为此目的提交的表单的令牌,我通过给每个表单分配id来向条带发送ajax请求。但它的表现 未定义类型错误b。我想知道天气有没有语法错误。如果不是为什么它不起作用。

 <form id="stripe_form-1" role="form" method="post" action="#">
  <div id="#payment-errors-1"></div>
<input type="text" name="cc_number" value="">
<input type="text" name="cvv" value="">
<input type="text" name="ex_month" value="">
<input type="text" name="ex_year" value="">
<button id="sbtn-1 type=""button" onclick="StripeFunction1()" </button>
</form>

<form id="stripe_form-2" role="form" method="post" action="#">
  <div id="#payment-errors-2"></div>
<input type="text" name="cc_number" value="">
<input type="text" name="cvv" value="">
<input type="text" name="ex_month" value="">
<input type="text" name="ex_year" value="">
<button id="sbtn-2" type=""button" onclick="StripeFunction2()" </button>
</form>

<form id="stripe_form-3" role="form" method="post" action="#">
  <div id="#payment-errors-3"></div>
<input type="text" name="cc_number" value="">
<input type="text" name="cvv" value="">
<input type="text" name="ex_month" value="">
<input type="text" name="ex_year" value="">
<button id="sbtn-3" type=""button" onclick="StripeFunction2()" </button>
</form>

在java脚本中

function StripeFunction1() {
    var form = $('#stripe_form-1');
form.find('#sbtn-1').prop('disabled', true);
Stripe.createToken(form, stripeResponseHandler_1);
}
var stripeResponseHandler_1 = function(status, response) {
var form = $('#stripe_form-1');
if (response.error) {
    form.find('#payment-errors-1').text(response.error.message);
    form.find('#sbtn-1').prop('disabled', false);
} else {
    $('<input>', {
        'type': 'hidden',
        'name': 'stripeToken',
        'value': response.id
    }).appendTo(form);
    form.get(0).submit();
}
};

function StripeFunction2() {
    var form = $('#stripe_form-2');
form.find('#sbtn-2').prop('disabled', true);
Stripe.createToken(form, stripeResponseHandler_2);
}
var stripeResponseHandler_2 = function(status, response) {
var form = $('#stripe_form-2');
if (response.error) {
    form.find('#payment-errors-2').text(response.error.message);
    form.find('#sbtn-2').prop('disabled', false);
} else {
    $('<input>', {
        'type': 'hidden',
        'name': 'stripeToken',
        'value': response.id
    }).appendTo(form);
    form.get(0).submit();
}
};
function StripeFunction3() {
    var form = $('#stripe_form-3');
form.find('#sbtn-3').prop('disabled', true);
Stripe.createToken(form, stripeResponseHandler_3);
}
var stripeResponseHandler_3 = function(status, response) {
var form = $('#stripe_form-3');
if (response.error) {
    form.find('#payment-errors-3').text(response.error.message);
    form.find('#sbtn-3').prop('disabled', false);
} else {
    $('<input>', {
        'type': 'hidden',
        'name': 'stripeToken',
        'value': response.id
    }).appendTo(form);
    form.get(0).submit();
}
};

提交表单时,其定义的类型错误b未定义。语法中是否有任何错误或是否有其他方法?

0 个答案:

没有答案