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

【问题标题】：woocommerce POSTing data before javascript (jQuery) finisheswoocommerce 在 javascript (jQuery) 完成之前发布数据
【发布时间】：2014-05-04 21:22:23
【问题描述】：

我有一个自定义网关（完美运行），问题是当客户第一次购买东西时，有一些令牌需要使用卡信息生成，问题是就在该令牌之前生成时，表单尝试提交，但显示一个错误，提示“找不到对象”，所以，没有刷新，什么也没有，如果我再次按下提交按钮（或“下订单”按钮）一切正常！

我相信到第二次，令牌已生成并在相应的隐藏字段中：

这是我的代码，希望有人可以帮助我：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);

}

});

【问题讨论】：

标签： javascript php jquery wordpress woocommerce

【解决方案1】：

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

【讨论】：