Есть ли какой-либо способ узнать, допустимы ли входные данные формы в форме шаблона Worldpay?

#javascript #payment-gateway #worldpay

Вопрос:

Я интегрирую платежный шлюз Worldpay в свое приложение. В интерфейсе я успешно интегрировал worldpay.

Я использую их шаблонную форму.

 worldPay.useTemplateForm({
      clientKey: '<client-key>',
      form: 'paymentForm',
      paymentSection: 'paymentSection',
      display: 'inline',
      reusable: true,
      saveButton: false,
      templateOptions: {
        dimensions: {
            width: false,
            height: false
        },
        images: {
          enabled: true
        }
      },
      callback: (obj) => {
        if (obj amp;amp; obj.token) {
          // ....on success
        else {
          // .... on error
        }
      },
      validationError: (e) => console.log('val', e),
      beforeSubmit: (b) => console.log('bs', b)
})
 

в html

 <form id="paymentForm">
    <div id='paymentSection'></div>
    <div>
        <input type="submit" value="Place Order" onclick="Worldpay.submitTemplateForm()" />
    </div>
</form>
 

В API существует функция обратного вызова с именем «Ошибка проверки». Эта функция вызывается каждый раз, когда в форме существует ошибка проверки. Но для успешной проверки функция обратного вызова недоступна.

Мое намерение состоит в том, чтобы отключить кнопку отправки в недействительной форме и включить ее, когда форма действительна. Но я не могу найти никакого способа проверить, что форма действительна.

Я могу отключить кнопку отправки каждый раз, когда вызывается функция «Ошибка проверки». Когда форма действительна, она больше не вызывается. Итак, как определить или как включить кнопку «Отправить»?