Email verification widget in a modal
EmailWhen 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
-
Email Address Metadata Collection - The email widget verifies the supplied email address and on a successful or unsuccessful verification, valuable metadata is collected.#Email #Metadata
-
Email verification with "lite mode" - By default, the EV widget will perform a rigorous domain and SMTP connection check. This normally takes 3-4 seconds to complete. If you need a faster check, you can activate the "lite mode" which confirms the email format and domain configuration, normally in less than 1 second.#Email
-
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