Code examples related to Email

1. 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

2. Strict blocking - With this, you will block all addresses apart from valid, corporate email addresses.

   #Email

3. Verify email and address autocomplete (NZ) - This form demonstrates the verification of an email field, as well as the address autocomplete widget being used on the same form.

   #Email #Multiple Widgets #Split Fields

4. Email verification widget in a modal - 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.

   #Email

5. Customised styles for email verification - Demonstrates how to adjust the text and border colours of the email verification messages.

   #Email #Styling

6. 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

7. Verify multiple email fields in separate forms - The example demonstrates how to configure the email verification widget to check email fields in separate forms.

   #Email #Multiple Widgets

8. 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

9. Multiple widgets on one form - The example shows the use of address, email and phone validation services all on the one page.

   #Email #Multiple Widgets #Phone

Other code examples