HTML5で書式設定エラーが発生しましたか？

ねえ、私はこのような形式があります：HTML5で書式設定エラーが発生しましたか？

http://jsfiddle.net/Myxqk/

は、このような「4asd」としてvaildメールアドレスではありませんどのような何かを入力してください。

何が起こるかをご覧ください。

は、このエラーが見える変更/フォーマットする方法はありますか？例えば

私はちょうどパルスする入力国境をしたい、それをすべてを望んでいません。または赤になる。

ありがとうございます。

出典

2010-11-22 fomicz

どのブラウザですか？スクリーンショット？ –

あなたの例ではエラー処理はありません。 – Jeremy

'type =" email "'？それは有効ですか？うわー、私はHTML5を読む必要があります –

#input {border-color: red;}

？

出典

2010-11-22 19:07:53 Lockhead

彼は、無効な値がちょうどHTML5の電子メールフィールドを使用して送信された場合にだけ、電子メールフィールドを強調するために....赤など、すべての入力フィールドを設定するかどうかを確認されていない、私は右 – crodjer

はい@fomiczています。私は、検証ボックスの外観を書式化したい。 – fomicz

Javascriptを使用すると、そうすることができます。送信ボタンをクリックするとJS関数が呼び出され、有効なメールかどうかを確認するイベントを作成します。そうでない場合は、JSで境界線のスタイルを変更します。これをチェックしてください：http://www.randomsnippets.com/2008/04/01/how-to-verify-email-format-via-javascript/ – Lockhead

HTML5は広く採用されていないので、あなたも確定していない仕様のためのブラウザの動作に依存しないでください。

したがって、ちょうどあなたが欲しいものを行うカスタムJS/CSSを持っています。

出典

2010-11-22 19:11:11

私の入力の下にあるボックスのIDは何ですか？それは何ですか？ – fomicz

ChromeまたはFirefoxのブラウザで生成された「ボックス」が表示されません。このため、属性をまったく使用せず、クラスを使用して手動で検証を行うことをお勧めします。それ以外の場合、この動作はブラウザ間で一貫しません。 –

@fomiczおそらく1つもありません。 Mederは、あなたが別の方法を使用することを提案しています –

あなたは、電子メールフィールドに、この例を見てきました：
http://www.w3schools.com/html5/tryit.asp?filename=tryhtml5_form_email

ここでは、電子メールの検証は、HTML5のではなく、サーバーによって処理されていません。
PHPなどのフレームワークを使用していますか？

出典

2010-11-22 19:15:39 crodjer

電子メール入力タイプの参照：http://www.w3.org/TR/html-markup/input.email.html – crodjer

私の場合で最高のソリューションでした：

は私のフォームタグに「NOVALIDATEを」（私はまだ、「電子メール」の入力に固執することができます）を追加します。検証するためにjQueryを使用した
（アニメーション（））。

ありがとうたくさんの人！私が最初に思ったように、このようなHTML5のコア機能を実際に利用する方法はありません。悲しいが、彼らはそれを修正することを願っています。そうでなければ、デザインが重要な場所では役に立たないでしょう！

出典

2010-11-22 19:31:57 fomicz

HTML5仕様が最終化されていないことはご存じですか？それはあなたがどこでも働くことを期待して変です –

HTML5で書式設定エラーが発生しましたか？

答えて

関連する問題