3

電子メール アドレスを受け取るフォームを作成しており、JavaScript を使用して検証を行うinput type='email'かどうかを決定しています。input type='text'電子メール アドレスが有効な形式であるかどうかを判断するのは難しい作業であることは知っていますが、HTML 5 の電子メール属性がそれをどのように処理するかを知っている人はいますか?

メール属性を使用する理由

  • 複雑な正規表現のプログラミングから解放されます
  • コードの可読性
  • 無効な電子メール アドレスが指定された場合に見栄えがする

email 属性を使用しない理由

  • それがどの程度正確に機能するか分からない
  • 無効な入力の場合、外観はフォームの残りの入力フィールドとは異なります

編集:e-mail属性がどの正規表現を使用するという意味でどのように機能するか知っている人はいますか?

4

2 に答える 2

4

HTML5 に関する事実<input type="email">:

  1. すべてのブラウザーは、電子メールの検証を異なる方法で処理します。Opera*@*は有効なメールアドレスとして受け入れます。Safari、Chrome、および Firefox では、少なくとも*@*.*
  2. すべてのブラウザが type="email" を「サポート」しているわけではありません。type="email" を引き続き使用できますが、ブラウザが type="email" を認識しない場合、ブラウザは type="text" として脅迫します
  3. iPhone では、type="email" で入力すると、キーボードのメイン画面に "@" が表示され、アプリケーションがより使いやすくなります。
  4. type="email" を使用する場合、正規表現を指定できます

私の提案は、上記のポイント (3) を達成するために、独自の検証と共にこの新しい HTML5 属性の使用を開始することです。

詳細については:

  1. http://davidwalsh.name/html5-email
  2. http://www.the-art-of-web.com/html/html5-form-validation/#.UesKldKl5KU
  3. http://diveintohtml5.info/forms.html

うまくいけば、この助け。

于 2013-07-20T22:51:10.470 に答える