ボタンのクリック時にフォームの検証を処理しようとしています。フォームを検証していますが、エラーは表示されていません。誰でもこれで私を助けることができますか？

JavaScript:

http://jsfiddle.net/5ycZz/

HTML5 の名前のパターン

[a-zA-Z ]{5,}

その 5 回のスペースを受け入れます。

スペースで始まる名前を受け付けないパターンが欲しい

一般に、最初は無効であるが、最終的に(スクリプトによって) 技術的に有効になるHTML ドキュメントを問題ないと見なすことができますか?

「OK」は、この質問に答える場合、グッドプラクティスごと、またはおそらく標準に関してです。

たとえば、このシリアル化された HTML マークアップを解析した結果のドキュメントは、最初にW3 バリデーターを使用して検証されます。

これはしませんが：

これは、Javascript をサポートするどのブラウザーでも結果がまったく同じであるにもかかわらずです。これがWebアプリケーションであり、JSが必要であると仮定すると、このようなことは「OK」ですか?

最初に標準を満たすための (アプリケーションの観点から) 正しい方法がない場合、この状況について特に疑問に思います。たとえば、最初にドキュメントのタイトルがわからず、スクリプトを使用してタイトルを計算/取得する必要がある場合はどうなるでしょうか?

この特定のケースでは、プレースホルダーの使用は間違っているように感じます。

(タイトル要素を空のままにすることは、依然として無効と見なされることに注意してください。)

では、特に title 要素についてあまり議論することなく、最終的にのみ有効になる HTML リソースを配布することは一般的に受け入れられているのでしょうか?

サブ質問: ドキュメント (DOM で表される) を検証することと、シリアル化されたマークアップを検証することは、2 つの異なることだと認識しています。前者を行うツールはありますか？(DOM のスナップショットから、または「継続的に」) 例:

これは最初は検証しますが、技術的には無効なドキュメントになり、明確な検出方法はありません。

更新:明らかに、そのようなツールは、静的分析のコンテキスト (問題の停止など) では価値が制限されます。ただし、ランタイム ツールが役立つはずです。

更新: DOM 検証 (レベル 3) の W3C 仕様。

更新: Service Workersの W3C 仕様。これは、テンプレートが有効でなくても (プレースホルダー要素などの使用を避けて)、レンダリングされる前に DOM が有効であることを確認するために使用できるようです。この記事を書いている時点ではまだ早いです (2014 年 6 月 26 日なので、引用しないでください)。

WebForm_OnSubmit標準の WebForms JavaScript 関数をオーバーライドまたは拡張するにはどうすればよいですか?

ASP.net WebForms Web サイトで HTML5 入力タイプを使用しています。ユーザー エージェント (Chrome、IE、Firefox など) は、データのサニタイズ、代替 UI などを既に正しく処理しています。

通常、ユーザーが<input type="submit">ボタンをクリックすると、User-Agent は送信を停止し、入力が無効になることをユーザーに示す UI を表示します。

WebForms の問題は、送信ボタンを使用しないことです。代わりに、フォームを送信するのではなく、JavaScript ポストバックを介してすべてを実行できます。

これは、クライアント html にレンダリングされると、Javascript への呼び出しになります。

非常に長い形式のアンカー タグを使用すると、次のようになります。

これは、ユーザー エージェントが、入力された要素が無効であるというプロンプトをユーザーに表示しないことを意味します。

が「送信」さformれていなくても、イベントはトリガーされます。次のようなものを使用して、HTML5 フォームの検証を手動でトリガーできます。onsubmit

理想的には、ASP.web WebForms サイトでそのイベントをフックします。

サイトマスター

ただし、WebForms インフラストラクチャがメソッド ハンドラーを削除し onsubmit、独自のハンドラーに置き換えます。

したがって、私自身の送信呼び出しは無視されます。掘り下げるとWebForm_OnSubmit、ASP.net WebForms 検証インフラストラクチャのうさぎの穴につながるようです。

関数を呼び出します：

どの呼び出し、どの呼び出し、どの使用、どのチェック。

WebForms で HTML5 フォームの検証が必要なだけ

問題は、WebForms には、送信前にフォームをチェックし、標準化されたメカニズム (および私が使用していないインフラストラクチャ全体) を介してユーザーにエラーを表示するための巨大なインフラストラクチャがあることです。フォームのイベントを引き継ぎ、プロセスでonsubmit(必ずしも) を使用しません。<input type="submit">

User-Agent がフォームを検証できるように ASP.net WebForms Web サイトを納得させるにはどうすればよいですか?

こちらもご覧ください

• HTML5 検証と ASP.net Web フォーム
• ASP.Net ページのクライアント側検証を実行するにはどうすればよいですか?
• 送信ボタンを使用せずに標準の HTML5 検証 (フォーム) をトリガーしますか?
• MSDN マガジン: HTML5 フォームによるより優れた Web フォーム

required検証のために、 HTML5 に属性を適用しようとしました。画面にMVVMのロジックを実装しましたが、

私も呼び出しvalidator.validate()ましたが、正常に動作していますが、自分のコントロールの近くで同じ通知を受け取っていません。

バリデーター

提案してください。現在validator.validate() 、true の場合は先に進み、false の場合は停止して警告を表示します。

あるいは、html5 で別のフィールドの値に対して検証することは可能ですか?

一般的な例は、「開始日」が「終了日」以下の日付範囲を選択することです。以下は、構文で要素参照を使用できる場合にのみ、値間の望ましい関係を説明します。

私は最近 jQuery を使い始めましたが、理解できないシナリオに遭遇しました。私はフロントエンドプログラミングにかなり慣れておらず、まだ学習中です。

必須の 2 つの入力テキスト フィールドを持つフォームがあります。
何も入っていない div があります。
3 つのリセット ボタン (Reset1、Reset2、Reset3) があります。

Reset1 - クリックすると、アクションを変更した後にフォームを送信し、すべての html 検証をバイパスします。
Reset2 - クリックすると、div に送信として名前と ID を持つ非表示の要素が追加され、アクションを変更した後にフォームが送信されます。これは、html 検証をバイパスしません。
Reset3 - クリックすると、submit1という名前の隠し要素が div に追加され、フォームが送信されます。これにより、すべてのhtml検証がバイパスされます

そのため、名前と ID を"submit"として非表示の要素を追加しようとすると、html 検証がバイパスされない理由を見つけることができません。

送信とは異なる名前の他の非表示要素を追加すると、すべての html 検証がバイパスされます。

コードは次のとおりです。 JsFiddle - http://jsfiddle.net/sumitk1/pRY4u/

HTML5 の HTML 入力の有効性プロパティは、Firefox では機能しないようです。

このコンソール ログは、空のオブジェクトを返します。Chrome と Safari で動作していますが、そのドキュメントを見れば Firefox でも動作すると思われますか?

https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement

何か案は？

w3.org バリデーターは、次の行でエラーを表示しています。

これは、それが与える完全なエラーです:

行 1、列 727:要素リンクの属性 rel の値が正しくありません: 文字列は登録されたキーワードではありません。文字列は絶対 URL ではありません。shortcut iconshortcutshortcut

…f="/favicon.ico" type="画像/x アイコン" / >

に有効なリンク タイプの構文:

HTML 仕様で許可されている、または Microformats wiki で許可されているリンク タイプの空白で区切られたリスト。リストに重複するキーワードは含まれていません。

リンクの種類は、Microformats wiki に自分で登録できます。

絶対 IRI の構文: 絶対 URL。

例: http://example.org/helloですが、/hello ではありません。スペースは %20 としてエスケープする必要があります。

私が理解していないのは、次のようなHTML5 仕様に従っているということです。

歴史的な理由から、iconキーワードの前にキーワード " shortcut" が付く場合があります。" shortcut" キーワードが存在する場合は、キーワードの直前に配置するicon必要があり、2 つのキーワードは U+0020 スペース文字 1 つだけで区切る必要があります。

%20私が試したスペースとして を示唆していることがわかります：

しかし、このコードを使用すると、発生するエラーはほとんど同じですが、最初は次のようになります。

エラー行 1、列 729:要素リンクの属性 rel の値が正しくありません: 文字列は登録されたキーワードではありません。文字列は絶対 URL ではありません。shortcut%20iconshortcut%20iconshortcut%20icon