Hey All,
I am having lots of issues integrating square payment on my website. I am getting all sorts of errors on the testing page with no where to find solutions to fix them. I will paste some of the errors from the my console.
paymentform:1 ElementNotVisibleError: SqPaymentForm element with id 'sq-expiration-date' is not visible. Does it or a parent element have 'display:none'?
at t.value (https://js.squareupsandbox.com/v2/paymentform:1:92228)
at t.value (https://js.squareupsandbox.com/v2/paymentform:1:91584)
at t.value (https://js.squareupsandbox.com/v2/paymentform:1:91469)
at t.value (https://js.squareupsandbox.com/v2/paymentform:1:89753)
at mt.initializePaymentMethod (https://js.squareupsandbox.com/v2/paymentform:1:146303)
at mt.mainIframeLoaded (https://js.squareupsandbox.com/v2/paymentform:1:146499)
at t._onload (https://js.squareupsandbox.com/v2/paymentform:1:145159)
at t.value (https://js.squareupsandbox.com/v2/paymentform:1:88627)
at y.onload (https://js.squareupsandbox.com/v2/paymentform:1:85650)
value @ paymentform:1
value @ paymentform:1
value @ paymentform:1
value @ paymentform:1
mt.initializePaymentMethod @ paymentform:1
mt.mainIframeLoaded @ paymentform:1
(anonymous) @ paymentform:1
value @ paymentform:1
y.onload @ paymentform:1
load (async)
y @ paymentform:1
value @ paymentform:1
t @ paymentform:1
mt.createMainIframe @ paymentform:1
mt.build @ paymentform:1
St.build @ paymentform:1
(anonymous) @ (index):584
paymentform:1 ElementNotVisibleError: SqPaymentForm element with id 'sq-postal-code' is not visible. Does it or a parent element have 'display:none'?
at t.value (https://js.squareupsandbox.com/v2/paymentform:1:92228)
at t.value (https://js.squareupsandbox.com/v2/paymentform:1:91584)
at t.value (https://js.squareupsandbox.com/v2/paymentform:1:91469)
at t.value (https://js.squareupsandbox.com/v2/paymentform:1:89753)
at mt.initializePaymentMethod (https://js.squareupsandbox.com/v2/paymentform:1:146303)
at mt.mainIframeLoaded (https://js.squareupsandbox.com/v2/paymentform:1:146499)
at t._onload (https://js.squareupsandbox.com/v2/paymentform:1:145159)
at t.value (https://js.squareupsandbox.com/v2/paymentform:1:88627)
at y.onload (https://js.squareupsandbox.com/v2/paymentform:1:85650)
The JavaScript returns "Payment failed to complete!\nCheck browser developer console for more details" error. I have search everywhere Stackoverflow included.
Can anyone please help?
Regards
Grig Ugwunze.
