Tengo una página web con un elemento iframe que apunta a un formulario externo (de un sitio web de terceros):

 <p><iframe id="ifmSearch" style="width: 100%; min-height: 800px;" title="Form" src="https://thirdpartysite.com"></iframe></p>

He escrito el siguiente código para leer el formulario de terceros incrustado en el iframe:

 $('#ifmSearch').on('load', function() { document.getElementById('myForm').addEventListener('submit', function(event) { event.preventDefault(); console.log(document.getElementById('notice').value); var form = new FormData(); form.append("email", document.getElementById('myEmail').value); var settings = { "url": "http://localhost/send-mail.php", "method": "POST", "timeout": 0, "processData": false, "mimeType": "multipart/form-data", "contentType": false, "data": form }; $.ajax(settings).done(function(response) { console.log(response); }).catch(error => console.log('error', error)); }); console.log('loaded'); });

Pero... el formulario con id myForm no está presente después de cargar el iframe.

Gracias de antemano por tu ayuda. Cualquier comentario o respuesta me será de ayuda.