The payment form is behaving weirdly

My payment work was working but suddenly there is a weird error. I didn’t change anything as I recall. Please help me with this problem. Thank you!
I used code:

<div>
	<div class="sq-field">
      <label class="sq-label">Card Number</label>
      <div id="sq-card-number"></div>
    </div>
    <div class="sq-field-wrapper">
      <div class="sq-field sq-field--in-wrapper">
        <label class="sq-label">CVV</label>
        <div id="sq-cvv"></div>
      </div>
      <div class="sq-field sq-field--in-wrapper">
        <label class="sq-label">Expiration</label>
        <div id="sq-expiration-date"></div>
      </div>
      <div class="sq-field sq-field--in-wrapper">
        <label class="sq-label">Postal</label>
        <div id="sq-postal-code"></div>
      </div>
    </div>
    <div class="sq-field">
      <button id="sq-creditcard" class="sq-button" onclick="onGetCardNonce(event)">
        Make Payment
      </button>
    </div>

but the form looks like this:

The SqPaymentForm is now retired. It was deprecated as of May 13, 2022, and was scheduled to be retired on July 20, 2022 but that got extended to October 31, 2022. You’ll need to migrate to the Web Payments SDK. :slightly_smiling_face:

1 Like