stripe checkout doesn't validate required fields

Question

Stripe checkout is not validating required input fields.

required field:

<input type="tel" name="appointment[patient_phone]" id="appointment_patient_phone" required="required" placeholder="Phone Number">

When I click on the stripe button, the stripe checkout popup appears and form is not validated.

So I tried and add a custom validator but stopPropagation is not working as the stripe checkout popup still pops up after alert and stopPropagation is called

function validateAppointmentForm() {

  var validateForm = function(event) {
    debugger;
    var phone = $('#appointment_patient_phone').val();
    if (!phone) {
      alert("Phone number is required.");
      event.preventDefault();
      event.stopPropagation();
    }
  }

  var watchStripeButton = function() {
    debugger;
    $("#new-appt-stripe-button").on("click", validateForm);
  }

  debugger;
  watchStripeButton();

}
;

koopajah · Accepted Answer · 2016-03-11 02:08:44Z

1

You should use Custom Checkout here instead. This allows you to have your own button and add validation to your form before opening Checkout.

When the customer clicks on your button to pay and enter his card details, you'll detect some fields are not filled properly or have an invalid value and display an error. If the form validates you can then call handler.open() in the click handler.

answered Mar 11, 2016 at 2:08

koopajah

26k9 gold badges87 silver badges113 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

stripe checkout doesn't validate required fields

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related