テーブル内の動的テキストボックスのサーバー側検証を実装するにはどうすればよいですか?

テーブル内の動的テキストボックスのクラス検証を設定する

問題:

テーブルには次のものが含まれます動的なテキストボックスの行ですが、サーバー側の各テキストボックスにクラス検証を適用する必要がありますvalidation.

解決策:

検証および検証メッセージ プレースホルダーに必要な data-val 属性が動的テキストボックスにありません。実装方法は次のとおりです。

1.検証属性とプレースホルダーの追加:

ビューで、検証メッセージを表示するための data-val 属性とそれに対応するプレースホルダー要素を追加します:

@Html.TextBoxFor(m => m.TargetInfo[i].TargetColor_U, new { id = "", @class = "form-control" })
@Html.ValidationMessageFor(m => m.TargetInfo[i].TargetColor_U)

2.残りのテキストボックスのプレースホルダーを含める:

まだ存在しない場合は、残りのテキストボックスに data-val 属性と検証メッセージ プレースホルダーを追加します。

3.動的行の変換:

スクリプトで、プレースホルダー (インデクサーの #) を使用してテンプレート行のクローンを作成し、実際のデータを入力します:

var clone = newrow.clone(); // clone the new row
clone.html($(clone).html().replace(/#/g, index)); // update the indexer of the clone

4.新しい行を挿入し、検証を再解析します:

新しい行をテーブルに挿入し、検証を再解析して動的テキストボックスに適用します:

tablebody.append(row); // add the new row to the table
form.data('validator', null);
$.validator.unobtrusive.parse(form);

追加メモ:

• スタイル設定にはインライン スタイルの代わりに CSS を使用します。 table.
• 保守性を高めるために、部分ビューで BeginCollectionItem ヘルパーを使用することを検討してください。

以上がテーブル内の動的テキストボックスのサーバー側検証を実装するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。