メール入力フィールドがあり、そのメール入力からフォーカスを失ったときに ajax を使用して、メールがデータベースに既に存在するかどうかを確認します。ajax 呼び出しを行う前に、入力した電子メールが正しい形式であることを確認したいと考えています。html5 組み込みの電子メール バリデーターでこれを行うことはできますか、それとも独自の検証関数を作成する必要がありますか?
編集:私は既に html5 電子メール バリデータを使用していますが、フォームが送信されたときにのみ電子メールを検証します。
Firefox では、デフォルトで入力中に電子メールの有効性をチェックする必要があります (ネイティブの HTML5 の動作): http://jsfiddle.net/xs65r/
checkValidity() onblurただし、すべての HTML5 ブラウザをサポートするには、 and/orを手動で呼び出す必要がありますonkeydown。
詳細については、このリンクを参照してください: HTML5 Chrome checkValidity onBlur
以下のコメントで述べたように、Firefox 以外のブラウザーではネイティブの検証メッセージ UIフォームが送信されない限り、トリガーされません。