Скрыть div на основе изменения поля ввода в iframe

Question

Я работаю с Квадрат. Я использую SqPaymentForm. Это создает поля формы в iframe. Мне нужно получить доступ к идентификатору поля ввода в iframe, чтобы проверить наличие onchange или on, чтобы я мог скрыть тег div, который я использую для ошибок.

Я попробовал следующий код, чтобы скрыть div, но он ничего не делает:

$('#sq-card-number').on(function(){
    $('#cardNumber').hide();
 }

Answer 1

if (document.getElementById("sq-card-number").value === "something") {
   $('#cardNumber').hide();
} else {
   $('#cardNumber').show();
}

Answer 2

Вы можете получить доступ к элементам DOM внутри iFrame, используя следующий код:

$(document).ready(function(){ var iFrameDOM = $("iframe#frameID").contents(); iFrameDOM.find('#cardNumber').hide(); });

Примечание: Замените #frameID на свой идентификатор iFrame

Answer 3

1001 * попробовать *

$(document).on('change', '#sq-card-number', function() {
  $('#cardNumber').hide();
});