Блог

У меня есть форма с элементами Stripe, которая является частью мастера. Я использую Javascript из Stripe API, но мне нужно отредактировать его, чтобы он не проверял себя, если я нажму кнопку «Назад» в моем мастере. Это код, который у меня есть:

Javascript:

 // Handle real-time validation errors from the card Element.
        card.on('change', function (event) {
            var displayError = document.getElementById('card-errors');
            if (event.error) {
                displayError.textContent = event.error.message;
            } else {
                displayError.textContent = '';
            }
        });

        // Handle form submission.
        //var form = document.getElementById('payment-form');
        form.addEventListener('submit', function (event) {
            
            event.preventDefault();
            stripe.createToken(card).then(function (result) {
                if (result.error) {
                    // Inform the user if there was an error.
                    var errorElement = document.getElementById('card-errors');
                    errorElement.textContent = result.error.message;
                } else {
                    // Send the token to your server.
                    stripeTokenHandler(result.token);
                }
            });
            
        });


        // Submit the form with the token ID.
        function stripeTokenHandler(token) {
            // Insert the token ID into the form so it gets submitted to the server
            var form = document.getElementById('payment-form');
            var hiddenInput = document.createElement('input');
            hiddenInput.setAttribute('type', 'hidden');
            hiddenInput.setAttribute('name', 'stripeToken');
            hiddenInput.setAttribute('value', token.id);
            form.appendChild(hiddenInput);

            // Submit the form
            form.submit();
        }

  

Как мне отредактировать это, чтобы пропустить проверку при нажатии кнопки «Назад»?

Моя разметка кнопок выглядит так:

 <div class="form-group">

                                <div class="col-md-offset-2 col-md-10">

                                    <input type="submit" name="BtnPrevious" value="Previous" formnovalidate class="cancel btn btn-default" />

                                    <button class="form-control btn btn-primary" type="submit">Submit Payment</button>

                                </div>

                            </div>
  

Я попробовал formnovalidate, но понял, что это работает только для элементов HTML5. Любая помощь будет с благодарностью