「隠しフォーム」を使用して電子メールを検証しますか？

Question

HTML5のtype="email"検証を使用して電子メールを検証する機能を作成したいと考えています。

可能であれば、フォームを作成し、入力を添付してtype="email"にして送信してみます。私はそれが働いたかどうかを確認することができますか、または渡された電子メールが実際に電子メールであるかどうかを返すことはできません。

このような何かが、私は、これは動作しません知っている：

function isEmail (string) { 
    var frm = document.createElement('form'); 
    var input = document.createElement('input'); 

    input.setAttribute('type', 'email'); 
    input.setAttribute('action', 'javascript:void(0)'); 
    input.setAttribute('value', string); 

    frm.appendChild(input); 

    // I know this doesn't work 
    if (!! frm.submit()) return true; 
    else return false; 
} 

それは、このように電子メールアドレスを検証することは可能ですか？ https://www.w3.org/TR/html5/forms.html#e-mail-state-(type=email)として

Answer 1

は

ユーザーエージェントは、ユーザーが有効な電子メールアドレス

ない文字列に値を設定することを可能にするので、私はおそらくかなり依存しないだろう、と言いますその上に。

さらに、https://www.w3.org/TR/html5/forms.html#valid-e-mail-addressには、ブラウザが電子メール入力フィールドの検証時に想定していたものと同じチェックを実行する（JS互換の）正規表現があります。

---

しかし、あなたはこのためにフォームフィールドを使用して主張すべきである - HTML5はまた、フォームフィールドが有効であるかどうかを確認するためのAPIを提供しhttps://www.w3.org/TR/html5/forms.html#the-constraint-validation-apiを参照してください - ので、実際にフォームを送信する必要はありません。

私は入力の種類=電子メールのブラウザの互換性をチェックしていませんが、正規表現のソリューションではすべてのブラウザで動作するはずですが、HTML5を使用している場合は、 。