Вставка Braintree, отключить кнопку отправки во время обработки

Я пытаюсь сделать что-то, что кажется простым, но я не могу заставить его работать. Я использую пользовательский интерфейс Braintree dropin, и у меня есть кнопка отправки. Мне нужно отключить кнопку во время обработки, и я не могу найти подходящее событие для присоединения.

var ct = 'tokenhere';
var bt = braintree.setup(ct, 'dropin', {
  container: 'braintreedropin',
});

<form id="PayByBrainTreeCheckout" method="post">
  <div id="braintreedropin"></div>       
  <input type="submit" value="Pay">                          
</form>

Я пробовал $('#PayByBrainTreeCheckout').submit(function(){/*disable button*/}), но это также отключает кнопку, если в форме есть ошибка проверки.

Любые идеи? Спасибо

javascript jquery braintree

Stefano Altieri 05.02.2015 источник

Ответы (3)

arrow_upward
3
arrow_downward

Я тоже работаю в Braintree. Вы правы в том, что клиент может дважды нажать кнопку отправки во время отправки транзакции, но вам не нужно беспокоиться о том, что с клиента будет взиматься плата дважды, так как вторая транзакция завершится неудачей (одноразовый номер, сгенерированный кредитной картой, может использовать только один раз). Кроме того, немедленная визуальная обратная связь в форме после отправки предназначена для того, чтобы клиенты знали, что их нажатие кнопки обрабатывается.

Если вы хотите делать более сложные вещи (например, добавить настраиваемый обратный вызов для отключения кнопки отправки), наша настраиваемая интеграция — хороший вариант.

Как упомянул Мэт, не стесняйтесь обращаться к [email protected], если вам нужна дополнительная помощь с вашей интеграцией!

cdeist 05.02.2015

comment

Спасибо @cdeis. В конце концов я пошел с пользовательской интеграцией. Это было проще, чем ожидалось :) - Stefano Altieri; 06.02.2015

comment

Большой! Рад это слышать. - cdeist; 06.02.2015

comment

Я не думаю, что это будет работать при работе с подписками. Я использую одноразовый номер для создания способа оплаты, а затем создаю транзакцию, используя сохраненный способ оплаты. Значит, вторая транзакция пройдет успешно. - Lem Lordje Ko; 29.04.2015

comment

Разрешить двойную отправку и надеяться на лучшее — плохой дизайн. На самом деле должно быть событие, которое запускается после завершения requestPaymentMethod и отправки формы. - yakattack; 19.07.2018

arrow_upward
2
arrow_downward

Braintree собирается добавить такой обратный вызов. Вот проблема с github: https://github.com/braintree/braintree-web/issues/ 38

Получится что-то вроде этого:

braintree.setup(TOKEN, 'dropin', {
    container: 'my-container',
    onError: function (payload) {
        if (payload.type === 'validation:failed') {
            // re-enable button
        }
    }
});

Tobias Lorenz 29.05.2015

comment

Было бы намного лучше иметь какой-то обратный вызов beforeSubmit, чтобы мы могли убедиться, что наш пользовательский интерфейс находится в хорошем состоянии, ожидая ответа Braintree. Идея о том, что мы должны просто принимать повторяющиеся запросы, надеясь, что второй откажется изящно, довольно глупа. - Richard S. Hall; 07.04.2016