Safari browser not accepting credit card number input

Hi,

I was having an issue where people could put in their names into a credit card form, but not their numbers. I found through other forums it was an embedded iframe problem. I replaced the faulty code with a fresh iframe code and that solved the problem on chrome and firefox, but not safari? Any thoughts?

Hello there,

Thanks for reaching out to us.

I'd suggest you to use the iframe code to embed your form into your website, exactly as explained on our guide:

Getting the Form iFrame Code

In particular, you could try to use the following code:

<iframe

      id="JotFormIFrame-212564002085042"

      title="360 Tour 1 Form"

      onload="window.parent.scrollTo(0,0)"

      allowtransparency="true"

      allowfullscreen="true"

      allow="geolocation; microphone; camera"

      src="https://form.jotform.com/212564002085042"

      frameborder="0"

      style="

      min-width: 100%;

      height:539px;

      border:none;"

      scrolling="no"

    >

</iframe>

Let us know how it goes,

Regards

Hi,

I tried this simple Iframe but it did not show the submit button or allow the credit card number fields to be typed into. Then I tried the longer iframe code generated on the publish page. Same problem.

I went back to the source code and it works on chrome and firefox, but not safari still.

Thanks

https://vankamurals.org/360-virtual-tour/

Apologies for the inconvenience. Kindly allow me some time to check your form. I will be back shortly.

Thanks for patiently waiting. We're able to replicate the issue on your form's direct URL using Safari. Could you share the console error log please when you try to enter a card number? Look like we need to escalate this to our developers for fixing.

Guide: How-to-get-a-console-report-from-most-common-browsers/

Hi,

Thanks for looking into this. Unfortunately the error is only happening on Safari and that browser does not have developer tools. No problems on firefox and chrome. Is there anything else I can do to help?

Greetings.

I have tested your form on Safari on Big Sur, however, I could not replicate any problems. Console logs could really help to understand what the problem is. To enable it in Safari, please open Safari > Preferences, click Advanced, then select “Show Develop menu in menu bar.”

Then you should be able to access the console by pressing Cmd+Option+C on your keyboard.

For more information, you can visit the following link:
https://www.jotform.com/help/453-how-to-get-a-console-report-from-most-common-browsers/

Thank you for your cooperation.

Learn something new everyday. Thanks for the tip. Here's what I get:

[Log] JQMIGRATE: Migrate is installed, version 3.3.2 (jquery-migrate.min.js, line 2)

[Error] TypeError: undefined is not a function (near '...a.widget...')

(anonymous function) (menu.min.js:9:121)

(anonymous function) (menu.min.js:9:84)

Global Code (menu.min.js:9:93)

[Error] TypeError: undefined is not a function (near '...o.widget...')

(anonymous function) (autocomplete.min.js:9:130)

(anonymous function) (autocomplete.min.js:9:93)

Global Code (autocomplete.min.js:9:102)

[Error] TypeError: undefined is not a function (near '...r.widget...')

(anonymous function) (controlgroup.min.js:9:153)

(anonymous function) (controlgroup.min.js:9:84)

Global Code (controlgroup.min.js:9:93)

[Error] TypeError: undefined is not an object (evaluating 's.ui.formResetMixin')

(anonymous function) (checkboxradio.min.js:9:146)

(anonymous function) (checkboxradio.min.js:9:84)

Global Code (checkboxradio.min.js:9:93)

[Error] TypeError: undefined is not a function (near '...n.widget...')

(anonymous function) (button.min.js:9:162)

(anonymous function) (button.min.js:9:119)

Global Code (button.min.js:9:128)

[Error] TypeError: undefined is not a function (near '...o.widget...')

(anonymous function) (mouse.min.js:9:173)

(anonymous function) (mouse.min.js:9:84)

Global Code (mouse.min.js:9:93)

[Error] TypeError: undefined is not an object (evaluating 'z.ui.mouse')

(anonymous function) (resizable.min.js:9:151)

(anonymous function) (resizable.min.js:9:94)

Global Code (resizable.min.js:9:103)

[Error] TypeError: undefined is not an object (evaluating 'P.ui.mouse')

(anonymous function) (draggable.min.js:9:151)

(anonymous function) (draggable.min.js:9:94)

Global Code (draggable.min.js:9:103)

[Error] TypeError: undefined is not a function (near '...l.widget...')

(anonymous function) (dialog.min.js:9:170)

(anonymous function) (dialog.min.js:9:133)

Global Code (dialog.min.js:9:142)

[Error] TypeError: undefined is not a function (near '...a.widget...')

(anonymous function) (droppable.min.js:9:138)

(anonymous function) (droppable.min.js:9:108)

Global Code (droppable.min.js:9:117)

[Error] TypeError: undefined is not a function (near '...t.widget...')

(anonymous function) (progressbar.min.js:9:121)

(anonymous function) (progressbar.min.js:9:84)

Global Code (progressbar.min.js:9:93)

[Error] TypeError: undefined is not an object (evaluating 'u.ui.mouse')

(anonymous function) (selectable.min.js:9:152)

(anonymous function) (selectable.min.js:9:94)

Global Code (selectable.min.js:9:103)

[Error] TypeError: undefined is not an object (evaluating 'u.ui.mouse')

(anonymous function) (sortable.min.js:9:150)

(anonymous function) (sortable.min.js:9:94)

Global Code (sortable.min.js:9:103)

[Error] TypeError: undefined is not an object (evaluating 'o.ui.mouse')

(anonymous function) (slider.min.js:9:148)

(anonymous function) (slider.min.js:9:94)

Global Code (slider.min.js:9:103)

[Error] TypeError: undefined is not a function (near '...o.widget...')

(anonymous function) (spinner.min.js:9:278)

(anonymous function) (spinner.min.js:9:95)

Global Code (spinner.min.js:9:104)

[Error] TypeError: undefined is not a function (near '...r.widget...')

(anonymous function) (tooltip.min.js:9:121)

(anonymous function) (tooltip.min.js:9:84)

Global Code (tooltip.min.js:9:93)

[Error] TypeError: undefined is not a function (near '...l.widget...')

(anonymous function) (tabs.min.js:9:127)

(anonymous function) (tabs.min.js:9:84)

Global Code (tabs.min.js:9:93)

[Error] Failed to load resource: the server responded with a status of 404 () (swiper.min.js.map, line 0)

Hi,

I have tested your form on Safari.

It was not allowing me to type anything into the credit card number and security number fields.

But it is working after I cleared cache for your account.

It seems the form wasn't 100% loaded due to unstable Internet connection.

Please test it on different wifi-networks. Thank you.

Hi,

I was able to fill out the form on Safari on my phone. Thanks for all.