Email verification widget in a modalEmail
When working with an element such as a modal. The container attribute must be set to the modal's parent container. This ensures the icons and messages can be positioned and displayed correctly when the modal is shown and hidden.
See the Pen Email verification widget in a modal by Addressfinder (@addressfinder) on CodePen.
Related code examples
Allow all emails - With this, you will not block any email from being submitted, but you will have the ability to ask your customers to add a better email address if possible. The message is optional and a nicely worded default will be provided if omitted.#Email
Customised styles for email verification - Demonstrates how to adjust the text and border colours of the email verification messages.#Email #Styling
Hide the success tick with email verification - When an email address is successfully verified, a green tick is displayed. In this example, we show how to use CSS to hide that tick.#Email #Styling
Strict blocking - With this, you will block all addresses apart from valid, corporate email addresses.#Email
Verification of multiple email fields in a single form - Shows how to configure the Email Verification Widget to block unverified emails in 2 separate fields in the same form.#Email #Multiple Widgets