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

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

建立包含一行動態文字方塊的資料表時會出現此問題，且目標就是為所有的文字方塊新增一個驗證類別。

原始程式碼嘗試使用jQuery來新增input.input-validation-error 類別到表內的所有文字框，但未能正確應用該類別。為了解決這個問題，解決方案包括：

1。將Data-Val 屬性新增至文字方塊：

為了確保無縫客戶端驗證，將必要的data-val 屬性包含到文字方塊和占位符元素以顯示驗證訊息至關重要。這允許 jquery.validate.unobtrusive.js 執行客戶端驗證。

2.提供預設 ClsTargetInfo 物件：

使用預設 ClsTargetInfo 物件初始化 TargetInfo 屬性。該物件的 HTML 表示將在視圖中產生。

3.修改動態行的HTML：

在HTML 中，從文字方塊中刪除不必要的id 屬性，並新增用於驗證訊息的佔位符元素。另外，請確保為索引器包含隱藏輸入以允許非連續索引。

4.產生新行的HTML：

在表單標記外部建立一個隱藏元素，並將動態行的HTML 複製到其中。將所有索引器實例替換為虛擬字符，並更新隱藏輸入的值以匹配虛擬字符。

5.用於新增行的 JavaScript：

更新 JavaScript 以克隆新行，用唯一索引器替換虛擬索引器字符，然後附加新行。新增行以啟動客戶端驗證後，不要忘記重新解析驗證器。

6.附加說明：

• 優先使用 CSS 進行樣式設定而不是內聯樣式。
• 考慮使用隱藏輸入進行索引而不是刪除按鈕。
• 利用 BeginCollectionItem更好的可維護性的幫助者。

以上是如何為表格中的動態文字方塊設定驗證類別？的詳細內容。更多資訊請關注PHP中文網其他相關文章！