woocommerce在javascript(jQuery)完成之前发布数据

时间:2014-05-04 21:22:24

标签: javascript php jquery wordpress woocommerce

我有一个自定义网关(工作正常),问题是当客户第一次购买东西时,有一些令牌需要使用卡信息生成,事情就是在那个令牌之前生成后,表单会尝试提交,但会显示一条错误,说明"无法找到对象",因此,如果我再次按下提交按钮(或"订单"按钮)一切正常!。

我相信第二次生成令牌并在相应的隐藏字段中生成:

这是我的代码,希望有人可以帮助我:S

HTML(来自chrome检查员):

<input type="hidden" name="card-name" data-conekta="card[name]">
<input type="hidden" name="exp-month" data-conekta="card[exp_month]">
<input type="hidden" name="exp-year" data-conekta="card[exp_year]">
<input type="hidden" name="conektaTokenId" value="">
<input type="hidden" name="conektaCustId" value="false">

的Javascript

jQuery(window).load(function() {

var form;
var first_name;
var last_name;
var cvc;


jQuery('form[name="checkout"]').submit(function(event) {

    jQueryform = jQuery(this);

    Conekta.setPublishableKey(jQuery('input[name="pbkey"]').val());
    console.log('entro');
    if( jQuery('input[name="conektaCustId"]').val()=="true" &&  jQuery('input[name="conektaTokenId"]').val().substr(0,4)!="tok_"){
        console.log('entro');
        first_name = jQuery('#billing_first_name').val();
        last_name = ' ' + jQuery('#billing_last_name').val();
        expiry = jQuery('#conekta_card-card-expiry').val().replace(/ /g, '').split("/");

        jQuery('input[name="card-name"]').val( first_name + last_name );
        jQuery('input[name="exp-month"]').val( Number(expiry[0]));
        jQuery('input[name="exp-year"]').val( Number(expiry[1]));

        jQueryform.prepend('<span class="card-errors"></span>');

        Conekta.token.create(jQueryform, conektaSuccessResponseHandler, conektaErrorResponseHandler);
        woocommerce_order_button_html
        return false;

    }
    else{
        return;
    }

});

var conektaSuccessResponseHandler= function(response){

    var token_id = response.id;

    jQuery('input[name="conektaTokenId"]').val(token_id);

}

var conektaErrorResponseHandler= function(response){

    jQueryform.find('.card-errors').text(response.message);

}

});

1 个答案:

答案 0 :(得分:0)

我找到了解决方案,您必须将类processing添加到结帐表单中,当您完成处理数据以便发送到您需要的任何地方时(通常是wordpress / woocommerce),删除该类所以表格可以提交新数据。