テキスト領域でメールを検証するためのベストプラクティス

Question

ユーザーが自分のアドレスを手動で書き込むか、どこかからコピーして貼り付けることにより、ユーザーがテキスト領域に電子メールの受信者を追加できるようにしたい-電子メールアドレスは、コンマまたは改行で区切られています。

メールアドレスをどのように検証しますか？

住所が正しくない場合、john.doe @ example、comとすると、どのようにして間違っていることをユーザーに伝えますか？

A）テキスト領域の下に通知を表示しますか？

複数の間違いがある場合は、いつでも通知を展開してスクロール可能にすることができます。

B）ツールチップ/通知を提供しますか？

これは、ユーザーが複数のミスを犯した場合に非常にイライラするオプションです。

C）検証を提供しますか？

申し訳ありませんが、メールの検証は100％正確ではありません。すべてのEdgeケースを検討することはできません。そのため、正当な電子メールを検証しないと、迷惑になる可能性があります。

Arriving From The Sky · Accepted Answer

あなたはいくつかの有効なポイントを作りました。

ただし、オプションCが最も理にかなっています。多くの組織では、大量のメールが送信されるという慣習があり、ユーザーが100〜200を超える貼り付けたメールアドレスを一度にコピーする必要がある場合があります。その場合、オプションAは大きなNO-NOです。ユーザーが個別に間違ったアドレスを検索して、座って修正するのは望ましくありません。

また、あなたは正しいです。メールの検証は100％正確ではないため、すべての主要なメールクライアントで任意のメールアドレスを入力できます。ただし、オプションBとCを組み合わせることができると思います。たとえば-

色を使用して検証状態を表すことができます。 100％有効な場合（事前に決められたすべての検証基準を満たしている場合）は緑色の錠剤であり、すべての基準を満たしていない場合はオレンジ色の錠剤（あることを示す[〜＃〜]かもしれない[〜＃〜]メールアドレスが間違っている）疑問符アイコン（またはアイコンなし/アイコンなし）があると、マウスホバー（モバイルでタップ）。ただし、これによってユーザーがメールを送信できなくなることはありません。