Я использую iframe, связанный с оплатой, от стороннего API. Динамически платежная форма загружается внутри iFrame, который мы не можем контролировать из кода.
Но я должен добавить какой-нибудь значок после всех полей ввода (номер карты, срок действия, cvv) и при наведении указателя мыши на этот значок я должен отобразить образец изображения карты.
Здесь вопрос в том,
- Желательно ли динамически добавлять элементы в iFrame в соответствии с соображениями безопасности?
- , если да, то как их добавить?
Вот один из элементов ввода, сгенерированный внутри iFrame:
<input data-checkout="card-number" type="tel" placeholder="card number" aria-required="true" aria-label="card number" autocomplete="off" class="input-control" value="">
Я пробовал много способов, как показано ниже, чтобы динамически создать элемент, но не повезло.
$("input").find('[data-checkout=card-number]').after("<img src="alert.png");
or
$("#iframe-id").contents().find('input').after(.......;
Мне нужно отобразить значок вопроса согласно приложению