Menu
  • UX Trending
  • UX PODCASTS
    • DESIGN UNTANGLED
    • UX CAKE
  • UX Reading Room
  • UX Portfolio Building
  • UX JOBS
    • Atlanta
    • Dallas
    • Los Angeles
UXShareLab… everything you need to know about UX and more…
for the user experience design community

Search

Browse: Home   /   Best practices for validating emails in a text area

Best practices for validating emails in a text area

by UXStackExchange on November 27, 2018 in uxstackexchange

I want to allow my users to add email recipients in a text area by just writing their addresses manually or copy & paste them from somewhere - email addresses are separated via a comma or new line.

How do you validate an email address?

If it's an incorrect address, let's say, john.doe@example,com, how do you tell the user that it's incorrect?

If it's an incorrect address, let's say, john.doe@example,com, how do you tell the user that it's incorrect?

A) Show them a notification under the text area?

If you've got multiple mistakes, you can always expand the notification underneath and make it scrollable. enter image description here

B) Offer a tooltip / notification?

This is option would be very frustrating when the user has multiple mistakes. enter image description here

C) Do you offer any validation at all?

AFAIK, email validation isn't 100% accurate whatever you do - you can never have all the edge cases thought through. So, you might end up creating a nuisance if you don't validate a legitimate email.

Tags: UX Stack Exchange

Sign Up for the latest in UX News...

Enter your email address to subscribe to UXShareLab and receive notifications of new posts by email.

Join 834 other subscribers

Related Posts

What would be the best way to show 3 actions on the bottom half of the page
What would be the best way to show 3 actions on the bottom half of the page
Single point adding on maps?
Single point adding on maps?
Adding non-related widgets to dashboards
Adding non-related widgets to dashboards
Company seats registration flow - looking for alternatives/opinions
Company seats registration flow – looking for alternatives/opinions

Best practices for validating emails in a text area

by UXStackExchange on November 27, 2018 in uxstackexchange

I want to allow my users to add email recipients in a text area by just writing their addresses manually or copy & paste them from somewhere - email addresses are separated via a comma or new line.

How do you validate an email address?

If it's an incorrect address, let's say, john.doe@example,com, how do you tell the user that it's incorrect?

If it's an incorrect address, let's say, john.doe@example,com, how do you tell the user that it's incorrect?

A) Show them a notification under the text area?

If you've got multiple mistakes, you can always expand the notification underneath and make it scrollable. enter image description here

B) Offer a tooltip / notification?

This is option would be very frustrating when the user has multiple mistakes. enter image description here

C) Do you offer any validation at all?

AFAIK, email validation isn't 100% accurate whatever you do - you can never have all the edge cases thought through. So, you might end up creating a nuisance if you don't validate a legitimate email.

Tags: UX Stack Exchange

Related Posts

What does the 'A' stand for in the Material Design color swatch system? (e.g tealA200) [on hold]
What does the ‘A’ stand for in the Material Design color swatch system? (e.g tealA200) [on hold]
On screen, one to many mapping and then many to many mapping is present,so I want to enforce the user to complete flow. Need better UX for it
On screen, one to many mapping and then many to many mapping is present,so I want to enforce the user to complete flow. Need better UX for it
What is this specific UX element called?
What is this specific UX element called?
How to put a link for WhatsApp media icon on the website? [closed]
How to put a link for WhatsApp media icon on the website? [closed]
← For an unknown number, what text should I put to make it clear that data is missing?
How to show triple-state, double-action column via Material icons? →

Topics

UI design Universal Design & Accessibility UX Jobs in Atlanta UX Design UX UX Toolbox uxbooth User Experience Usability UX Jobs Los Angeles UX Jobs Atlanta User Research User testing web-app wordpress WordPress Gutenberg User Interaction UX Jobs Dallas user-behavior Web Design Visual Design UI UX Rockstars WordPress Plugins uxstackexchange

Feeds

UI UI design Universal Design & Accessibility Usability user-behavior User Experience User Interaction User Research User testing UX uxbooth UX Design UX Jobs Atlanta UX Jobs Dallas UX Jobs in Atlanta UX Jobs Los Angeles UX Rockstars uxstackexchange UX Toolbox Visual Design web-app Web Design wordpress WordPress Gutenberg WordPress Plugins

<span>recent posts</span>

  • UX in 2018: The human element

    • Anywhere
  • Three Takeaways from the Hawai’i Missile False Alarm

    • Anywhere
  • UX in 2018: Content

    • Anywhere
  • UX in 2018: Design, Development, and Accessibility

    • Anywhere
  • The Power and Danger of Persuasive Design

    • Anywhere

connect to uxsharelab

Enter your email address to subscribe to receive notifications of new posts by email.

UXShareLab. Copyright © 2018. All rights reserved.

  • Contact UXShareLab
  • UXShareLab Community
  • UX PROCESS
  • Recommended Reading
  • UX StackExchange