問題タブ [html5-validation]

私は、既存の XHTML1.0 Strict サイトに「HTML4.5」アプローチを適用しようとしています。アイデアは、doctype を変更し、HTML5 の新しい要素 (<div class="aside">など) に一致するセマンティック クラスを適用し、Internet Explorer(IE) を壊すことなく (たとえば、新しい<input>型属性を適用する)、私がやり遂げることができるすべてを行うことです。

私が遭遇した唯一の問題は、W3C のバリデータが orを好まないことですが©、html5.validator.nuには問題がありません。

私は、HTML5 バリデーターが現段階では実験的であることを知っています。何かと交換 したほうがいいですか？もしそうなら、何？

この特定のサイトの私の文字セットはUTF-8.

CSS を使用して HTML5 フォーム検証エラー メッセージのスタイルを設定するにはどうすればよいですか?

初めてHTML5フォームを使用しているので、新しいパターン属性を使用したいと思います。これは正規表現（これまで使用したことがない）なので、少し迷っています。私が欲しい基本的なルールは「任意の文字の最小5」です

私が試してみました：

しかし、これは機能しないので、私は明らかに何か明らかなものを見逃しています。誰かが私を手伝ってくれるなら、最も感謝するでしょう。

フィールドのminlength属性が<input>機能していないようです。

フィールドの値の最小長を設定できるHTML5の他の属性はありますか？

重複の可能性：
HTML5フォームに必要な属性。カスタム検証メッセージを設定しますか？

次のような入力のあるフォームがあります。

必須フィールドにカスタム検証メッセージを設定することは可能ですか？

HTML5検証で2つのフィールドが一致するか一致しないかを確認するために、2つのフィールド間の比較チェックを行う方法は現在ありますか? それとも、それを行うには独自の Javascript を作成する必要がありますか?

モデルで定義されたルールの入力タグでFormHelperがHTML5検証属性を生成する方法はありますか？

例えば

モデルで

ビューで

ブラウザのHTML

HTML5 属性を要素に追加して検証を行うことはできますか?

もしそうなら、それは私のために働いていないようです。何か特別なことをする必要がありますか?

http://jsfiddle.net/FcM2A/1/

組み込みの HTML5 検証メソッドを使用して、フォームの生年月日を検証しています。

フォームには、次の 3 つの選択リスト要素があります。 user_dob_date user_dob_month user_dob_year

これら 3 つの要素はすべて、ユーザーが有効なオプションを選択する必要があるため、検証のために「必須」として配置されています。

ここで、ユーザーが 3 つのオプションすべてを選択し、少なくともオプションを選択するための HTML5 検証がうまくいった後、うるう年の日付をチェックし、ユーザーが 1998 年 2 月 31 日のようなものを選択していないことを確認したいと思います!!!

-> 送信をクリックしたときにカスタム メッセージが表示されません。ボタンを 2 回クリックすると実行されます。最初にクリックするとメッセージが設定されますが、表示されず、2回目にクリックするとエラーが表示されます

-> カスタムメッセージの間違った選択と表示の後、日付が修正され、フォームを送信しようとすると、それでもエラーがスローされます:(

これで私を助けてください。前もって感謝します ：）

作成したJavascript検証フレームワークがあり、それにHTML5検証を追加しようとしています。data-私のフレームワークでは、検証は、属性を使用してvalidation-constraintsを要素にバインドすることによって実行されます。これは、、、などrequiredの属性を使用してHTML5検証を行う方法と多少似ています。minmax

現在、2つの問題があります。そうですね、必ずしも問題ではないかもしれませんが、どうすればいいのかを判断できるように、状況をよく理解していただきたいと思います。

私が持っている最初の問題は、要素の値が要素のタイプと一致しない場合にelement.validity.typeMismatch設定されます。trueたとえば、要素に無効なURL値がある場合、type="url"または要素に無効なメールがある場合ですtype="email"。ただし、この動作は、のようなものでは一貫性がありませんtype="number"。動作に一貫性がない理由は、ブラウザーが（UIまたはDOMを介して）withに無効な値を追加できないためです。このため、に設定されることはなく、常に。を返します。この動作は、無効な値を入力できる場所での動作と矛盾しています。inputtype="number"element.validity.typeMismatchtrueelement.checkValidity()truetype="url"type="email"element.validity.typeMismatchelement.checkValidity()期待値を返します。

の使用についても同様の問題がありmaxlengthます。にというValidityStateプロパティがあります。*の値よりも長い値を入力することはできないため、ブラウザから直接操作する場合、この値が設定されることはないようです。さらに、DOMからの値よりも長い値を設定できたとしても、この場合も、に設定されることはありません。それで、多かれ少なかれ役に立たないのに、なぜこのプロパティがそこにあるのか疑問に思います。tooLongelement.validity.tooLongtrueinputmaxlength maxlength element.validity.tooLongtrue

現在、HTML5検証はこれらの制約でどのように動作すると予想されますか？ブラウザが無効な値を入力できない場合、これらの制約違反に対してエラーメッセージを生成するにはどうすればよいですか？