# The payment form is behaving weirdly

**URL:** <https://developer.squareup.com/forums/t/the-payment-form-is-behaving-weirdly/7598>\
**Category:** Questions\
**Tags:** payments-api, payment-form\
**Created:** [November 15, 2022, 5:37pm UTC](https://developer.squareup.com/forums/t/the-payment-form-is-behaving-weirdly/7598 "2022-11-15T17:37:56Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![jackhaohuang](https://avatars.discourse-cdn.com/v4/letter/j/a3d4f5/32.png) [@jackhaohuang](https://developer.squareup.com/forums/u/jackhaohuang)\
**Post date:** [November 15, 2022, 5:37pm UTC](https://developer.squareup.com/forums/t/the-payment-form-is-behaving-weirdly/7598/1 "2022-11-15T17:37:56Z")

</div>

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:

```auto
<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:

 ![Screen Shot 2022-11-14 at 6.47.20 PM](https://global.discourse-cdn.com/square/original/2X/7/7e59722c38821b78fdbad8135b2510f47aa213a7.png)

---

<div class="post-metadata">

**Author:** ![Bryan-Square](https://sea1.discourse-cdn.com/square/forums/user_avatar/developer.squareup.com/bryan-square/32/38_2.png) [@Bryan-Square](https://developer.squareup.com/forums/u/Bryan-Square)\
**Post date:** [November 15, 2022, 6:18pm UTC](https://developer.squareup.com/forums/t/the-payment-form-is-behaving-weirdly/7598/2 "2022-11-15T18:18:15Z")

</div>

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](https://developer.squareup.com/docs/web-payments/migrate). 🙂