Hi,
I am trying to:
Place an registration form into an Elementor Popup and use AJAX.
Link to a page where the issue can be seen:
hidden link
Password: passwort
Click on: Hier Klicken->Tab Register->Einsenden with blank form
After these steps the form will forward you to the actual page..
I expected to see:
If i place the form directly on the page, it works and give me the output that some data is wrong without reloading the page or replace the form with a message.
But in the popup i think the Form is not correctly initialized because Elementor loads the HTML for the Popup by click on open dynamically . How can i init the form manually?
Instead, I got:
Forward to actual page
If i try to trigger the ready event manually nothing happens:
jQuery(document).trigger('cred_form_ready', {
form_id: "cred_user_form_4353_1"
});
Hi, unfortunately there is no JavaScript API for Forms, and our system expects Forms to be included in the content via shortcode or PHP when the page is rendered. It would be best to use a modal or popup system that includes the Form hidden in the page contents initially, then shows it in a modal on-demand. Bootstrap, for example, has a modal element like this: https://getbootstrap.com/docs/4.3/components/modal/
Otherwise, the JavaScript functionality for an AJAX form can't be initialized with any public APIs.
Hi, unfortunately there is no JavaScript API for Forms, and our system expects Forms to be included in the content via shortcode or PHP when the page is rendered. It would be best to use a modal or popup system that includes the Form hidden in the page contents initially, then shows it in a modal on-demand. Bootstrap, for example, has a modal element like this: https://getbootstrap.com/docs/4.3/components/modal/
Otherwise, the JavaScript functionality for an AJAX form can't be initialized with any public APIs.
I have built an "popup" with bootstrap.
My issue is resolved now. Thank you!
