jqueryアコーディオンフォームのすべてのセクションを検証するためのMVC4の取得

アレックス

jQuery-UI用のAccordionプラグインを使用して、セクションに分割する大きなフォームがあります。

ここに画像の説明を入力してください

フォームの送信ボタンをクリックすると、MVCのサーバー側の検証では、フォームのすべての入力フィールドがチェックされるわけではなく、現在展開されているセクションのフィールドのみが検証されます。

この例では、[送信]をクリックすると、MVCはセクションAのみを検証します。セクションBまたはCがまだ入力されていない場合、クレイジーNullReferenceExceptionエラーがスローされます。MVC 4で、 1つだけを見るのではなく、アコーディオンのすべてのフィールド検証する必要があります

レンダリングされたHTMLを見ると、<div class="ui-accordion-content">検証したい他のフィールドを保持する要素にはがありstyle="display:none"ます。MVC 4で、表示されているフィールドに加えて、表示されていないフィールドを検証する必要があります。

編集:スタックオーバーフローには、jQueryバリデーター設定への追加が機能することを示唆する多くの回答がありignore: []ます。それは私には機能せず、フォームは関係なく送信されます。

$("#GeneralForm").validate({
    rules: {
        GuestName: {
            required: true,
        },
        GuestID: {
            required: true,
        }, // etc.
    },
    ignore: []
});
アレックス

解決策は途方もなく単純なものになりました。2つのスクリプトがあります。1つはアコーディオンがインスタンス化されるスクリプトで、もう1つは検証が行われるスクリプトです。

@Scripts.Render("~/Scripts/Validation", "~/Scripts/Accordion")

順序は重要です。これら2つを切り替えると、問題が修正されました。

順序を逆にすると、次のようになります。

  • 0コンソールエラーをスローします
  • MVCにフォームを信じられないほど怠惰に検証させます。jQuery-validateが一部の入力が無効であることを認識していても、フォームの投稿を妨げることはありません。
  • NullReferenceExceptionEntity Framework 5を使用している場合(db.SaveChanges()具体的には)、後でランタイムエラーがスローされます

さらに、validator必要なカスタムsubmitHandler(パネルに含まれるフォームフィールドが有効かどうかに応じてパネルを開きます。両方の領域が検証テストに合格した場合にのみフォームを投稿します)および onsubmit: falseデフォルトはtrueです。それがtrueであり、カスタムsubmitHandlerを使用している場合、すべてがサイレントに内破します。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

jqueryアコーディオンフォームのすべてのセクションを検証するためのMVC4の取得

ASP.NET MVC4を使用していて、1つの送信ボタンで2つのフォームを送信したいのですが、フォームコレクションを使用してデータをフェッチしたいのです。

MVCルーティングの問題すべてのコントローラーのデフォルトアクションを設定する方法は?

デスクトップアプリケーションからデータを投稿するためのMVC4コントローラーの再利用

すべてのJQueryアコーディオンセクションを開くことを許可します

複数のセクションを開いたままにするjQuery UIアコーディオン?

フォームVBAへのアクセス:セクションのすべてのフィールドを選択する方法は?

.Net MVC4フォーム送信時にモデルまたはフォームコレクションから配列を取得する方法

データを取得するためのDIのすべてのアプリケーションでグローバルにアクセス可能なリスト

Windowsフォームアプリケーションですべてのフォームを取得する方法

デフォルトオプションをリセットするためのjqueryプラグインコールバック

Angular 2(リアクティブフォーム)フォームコントロール内のすべての検証ルール(pattern、minlength、maxlengthなど)をエラーオブジェクトにリストするかどうか

単一のコンポーネントで複数のフォームを検証する方法は?(リアクティブフォームの検証)

Laravelのすべてのセッションデータをクリアするための職人のコマンド

FlaskRestfulのすべてのデータを取得するためのリソースオプション引数

検索オプションを使用する方法はありますか:すべてのディレクトリですが、フォルダの最初のレイヤーを検索した後、次のフォルダにスキップします

ユーザーがMVC4の現在のアクションにリダイレクトしたアクション名を取得する方法

macOSのアプリケーションのフルディスクアクセス情報を取得するためのAPIはありますか?

チェックボックスがオンになっているすべてのフォームコレクション値を取得します

フィールドセットを選択するためのチェックボックスオプションを備えたHTMLフォーム

ワークスペースをリセットするためのチームファンデーションクライアントコマンド

djangoのすべてのフィールドオプションを取得する

ホームコントローラーのすべてのインデックスアクションをキャッチするためにパラメーターをルーティングしようとしています

文字列プロパティで始まるすべてのアイテムを検索するために使用する最速のコレクション

イベントリスナーのフォームオプションにアクセスするためのクリーンな方法

特定のフィールドを持つmongodbのすべてのコレクションを検索する

コンテンツを並べてスライドを作成するためのオフィサーrパッケージ-コンテンツは1つのセクションにのみ表示されます

UIViewControllerの[戻る]ボタンアクションに検証コードを追加するためのベストプラクティスは何ですか?

いくつかのセクションでjQueryアコーディオンの並べ替えを許可する

TOP 一覧

  1. 1

    グラフからテーブルに条件付き書式を適用するにはどうすればよいですか?

  2. 2

    ソートされた検索、ターゲット値未満の数をカウント

  3. 3

    Unity:未知のスクリプトをGameObject(カスタムエディター)に動的にアタッチする方法

  4. 4

    セレンのモデルダイアログからテキストを抽出するにはどうすればよいですか?

  5. 5

    Ansibleで複数行のシェルスクリプトを実行する方法

  6. 6

    Reactでclsxを使用する方法

  7. 7

    tkinterウィンドウを閉じてもPythonプログラムが終了しない

  8. 8

    Windows 10 Pro 1709を1803、1809、または1903に更新しますか?

  9. 9

    Pythonを使用して同じ列の同じ値の間の時差を取得する方法

  10. 10

    PowerShellの分割ファイルへのヘッダーの追加

  11. 11

    Chromeウェブアプリのウェブビューの高さの問題

  12. 12

    BLOBストレージからデータを読み取り、Azure関数アプリを使用してデータにアクセスする方法

  13. 13

    Crashlytics:コンパイラー生成とはどういう意味ですか?

  14. 14

    GoDaddyでのCKEditorとKCfinderの画像プレビュー

  15. 15

    Windows 10の起動時間:以前は20秒でしたが、現在は6〜8倍になっています

  16. 16

    MLでのデータ前処理の背後にある直感

  17. 17

    モーダルダイアログを自動的に閉じる-サーバーコードが完了したら、Googleスプレッドシートのダイアログを閉じます

  18. 18

    reCAPTCHA-エラーコード:ユーザーの応答を検証するときの「missing-input-response」、「missing-input-secret」(POSTの詳細がない)

  19. 19

    STSでループプロセス「クラスパス通知の送信」のループを停止する方法

  20. 20

    ファイル内の2つのマーカー間のテキストを、別のファイルのテキストのセクションに置き換えるにはどうすればよいですか?

  21. 21

    ネットワークグラフで、ネットワークコンポーネントにカーソルを合わせたときに、それらを強調表示するにはどうすればよいですか?

ホットタグ

アーカイブ