問題タブ [jquery-validate]

終了日[テキストボックス]が開始日[テキストボックス]より大きいかどうかをjQueryで確認/検証するにはどうすればよいですか？

ユーザーが価格（数値）を入力する入力フィールドのリストを含むフォームがあります。jQuery検証プラグインがそれに応じて検証するように、cssクラスを「required」と「number」に設定しました。すべてが完全にうまく機能しています。エラーは、各フィールドが数値でないか、値が欠落している場合などに表示されます。

このフォーム全体は、実際にはnyroModal（jQueryプラグイン）モデルのポップアップウィンドウ内にあります。しかし、それは問題ではありません。それは関係なく、単なる.aspxWebフォームです。その中で、私はUpdatePanelも使用し、その中にすべてを入れました。私のフォームは基本的に2段階のプロセスだからです。ユーザーがフォームの最初の「ページ」で完了する必要のある基本的な手順がいくつかあります。それが検証されて機能するとき、UpdatePanel内のいくつかの要素を非表示/表示して、フォームの次の「ページ」をユーザーに表示します。これは、上記のすべての価格テキストボックス入力フィールドです。

フォームを検証するためのトリガーポイントとしてImageButtonを使用しています。デフォルトでは、ImageButtonをそのままにしておくと、すべてUpdatePanel内で発生するため、.Netはポストバック（私の場合はAJAXポストバック）を起動します。これもまた望ましい。明らかな理由で、醜い完全なポストバックは必要ありません。

たくさん読んだ後、jQueryがフォームを正常に検証したかどうかに基づいて、.Netがポストバックを実行したいときにインターセプトできるように、JavaScriptで.NetのPageRequestManagerにアタッチする方法が必要でした。したがって、私のロジックは次のように述べています。デフォルトでは、ポストバックを許可しませんが、jQueryがフォームを正常に検証したら、ポストバックが許可されるようになったことを示す変数を設定します。次にポストバックが実行されると、それが実行されます。したがって、ユーザーに成功を表示します。

これはすべてかなりうまく機能していますが、最後の問題が1つあります。

jQuery検証プラグインのvalidate（{success}）オプションは、フォーム全体ではなく、個々のフィールドで検証が成功した後、誤って起動しているようです。つまり、価格入力フィールドのいずれかに数値を入力すると、この成功オプションが起動し、cancelPostback変数がfalseに設定されます。これは、1つのフィールドがあるという理由だけで、検証されていなくてもフォームが送信されることを意味します。有効でした。このvalidate（{success}）オプションは、フォーム全体が検証された後にのみ起動することを期待していました。

私はこれを間違って解釈しましたか、そして実際にそれはそれが意図したことをしているのですか？もしそうなら、フォーム全体が検証されたときにのみ、cancelPostback変数をtrueに設定するにはどうすればよいですか？

洞察や頭を上げてくれてありがとう。

検証を実装し、.NetポストバックイベントをインターセプトするためのjQueryコードは次のとおりです。

非常に基本的なクライアント側のフォーム検証が必要です。無効なフィールドが検出されるたびに、標準の Windows ダイアログ ボックスが表示され、残りのフィールドのチェックが停止され、送信がキャンセルされます。

jQueryで上記を行う最も簡単な方法は何ですか?

xVal を含む多くの ASP.Net MVC クライアント側検証のアイデアを見てきました。これは現時点では ValidationSummary を提供しないため、ModelState エラーをループし、成功した AJAX 投稿のエラー メッセージで DIV を更新する AJAX 投稿を行うことにしました。

これに関する問題は、フィールドの横にある ValidationMessage * が入力されないことです。私はまだテストしていない別のアイデアを思いつきましたが、それを機能させるための完全な構文はまだわかっていませんが、皆さんの考えを見てみたいと思いました。

問題になる可能性があると思われる 1 つの問題は、コントローラーの Edit/Create Action メソッドに投稿し、JSON オブジェクトを返したい場合、JSON は GET アクションにのみ使用されるため、それが合法かどうかわからないことです。

良いアイデアだと思い、助けたいと思っている場合は、これを機能させるための回答とコードスニペットを残してください。それが非常に頭の良い計画であり、もっとうまくできると思う場合は、どうすればよいか教えてください.

コントローラ：

意見：

<span>このようなタグがたくさんあります<span id='val_Title'></span> <span id='val_Name'></span>

「val_」で始まるすべての要素を返し、それらを非表示にしたいと思います。

これどうやってするの？

わかりました、いくつかのことを試しましたが、ここで立ち往生しています...

私が扱っているHTMLは次のとおりです。

これは、このフォームの validate() 関数で取得したコードです。

さて、上記のフォームの「email」のようなフィールドでは問題なく機能します（段落を挿入し、div をラップするクラスに「error」を追加するとともに、class="error" を割り当てます）...しかし、ラジオ ボタンは同じようには機能しません。「エラー」クラスを周囲のラベルに追加し、エラー クラスを含む段落を挿入することさえしません。なんで？

ここで何が欠けている/間違っていますか?

また、「成功」部分に追加された段落を実際に削除するにはどうすればよいですか? 現時点では、クラス属性から「エラー」が削除され、入力フィールドに文字が入力されるたびに、次のような別の空の段落が追加されます。

そのため、各フィールドのすべてのdivにそれらの束ができてしまいます(入力された文字数に応じて)...もう一度、何が欠けていますか?

同じ名前の入力フィールドを持つ動的に生成されたフォームがあります (例: "map")。フォーム ハンドラー コード (Perl/CGI) は入力値の配列 (この場合は ) を処理するように設計されているため、フィールド名を変更したり、一意のフィールド名を生成したりするオプションはありません@map。

このような状況で JQuery Validate Pluginを使用してフォームを検証するにはどうすればよいですか? 具体的には、送信された配列の 1 つの要素に特定の固定値を持たせたいと考えています。serializeArray()現在、JSON オブジェクトを作成し、それをトラバースして条件が満たされていることを確認するカスタム イベント ハンドラーを使用しています。しかし、アプリケーションの残りの部分で Validate プラグインを使用したので、ここでも同じプラグインを使用してそのようなケースを処理できるかどうか疑問に思っていました。

ご清聴ありがとうございました。

プロジェクトで Jquery Validation プラグインを使用しています。

デフォルトでは、プラグインは送信ボタンがクリックされたときに入力を検証します。ユーザーの邪魔にならないように、動作は「怠惰」です。エラーが見つかった場合、検証は「イーガー」になり、ユーザーが問題のあるエントリを修正すると、入力が検証されます。

オプションを介して最初の「怠惰な」動作をオーバーライドする方法はありますか? ドキュメントに解決策が見つかりません。

例：

このデモを見ると、ユーザーが送信をクリックしたときに検証に失敗する空のテキスト ボックスを残したままフォームをナビゲートできることがわかります。ユーザーが最初に電子メール テキスト ボックスに無効な電子メール アドレスを入力すると、送信ボタンがクリックされるまで強調表示されません。その後、入力は各キー押下およびぼかしイベントで検証されます。それは私が最初からアクティブにしたいものです。

プラグイン作成者の設計上の選択は理解していますが、別の動作が必要です。

JQueryフォームプラグイン、JQuery検証プラグイン、jqTransformプラグインを使用しています。

何かを追加または編集するために表示する非表示のフォームがあります。編集または追加アクションは、次の関数呼び出しをトリガーします。

異なるパラメーターを使用した各呼び出し。追加のために、私はそれをと呼びます

編集のために、私はそれを呼びます

これが起こることです：

• ページをリロードします。
• 1つのおもちゃを編集します。
• フォームを送信します。
• editToy関数が呼び出されます。
• 何かを追加してみてください。
• 関数activateAddFormは、コールバックとしてaddToyを使用して呼び出されますが、フォームが送信されると、代わりにeditToy関数が呼び出されます。

リロード後に最初に行うのがおもちゃの追加である場合。次に、addToy関数が常に呼び出されます。

追加してみました：

また

しかし、それは機能していません。私に何ができるか考えてみませんか？

回避策の試行

行を追加するというActivaの提案：

次の原因：

• ページをリロードします。
  • 1つのおもちゃを編集します。
  • フォームを送信します。
  • editToy関数が呼び出されます。
  • 何かを追加してみてください。
  • フォームeditToy関数が呼び出され、続いて関数を追加するための呼び出しが行われます。

上記の修正は機能しませんが、正しい方向にあるようです。

他にアイデアはありますか？