首頁 > web前端 > css教學 > 如何對錶中的動態文字方塊實現伺服器端驗證?

如何對錶中的動態文字方塊實現伺服器端驗證?

Patricia Arquette
發布: 2024-12-29 11:33:09
原創
672 人瀏覽過

How to Implement Server-Side Validation for Dynamic Textboxes in a Table?

為表中的動態文字方塊設定類別驗證

問題:

問題:

表包含一行動態文字框,但需要對伺服器端的每個文字方塊應用類別驗證

解決方案:

動態文字方塊中缺少驗證和驗證訊息佔位符所需的data-val 屬性。以下是如何實作它們:

1.新增驗證屬性和占位符:
@Html.TextBoxFor(m => m.TargetInfo[i].TargetColor_U, new { id = "", @class = "form-control" })
@Html.ValidationMessageFor(m => m.TargetInfo[i].TargetColor_U)
登入後複製

在視圖中新增 data-val屬性及其對應的佔位符元素,用於顯示驗證訊息:

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 而不是內聯樣式來設定樣式表。 考慮使用具有部分視圖的 BeginCollectionItem 幫助器以實現可維護性。

以上是如何對錶中的動態文字方塊實現伺服器端驗證?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板