Html自定義屬性創建和驗證

Question

我想動態創建控件的驗證。 我有一個超過25個控件的頁面，這些控件的可見性基於類別和子類別。 對於某些類別，需要控件，其中一些不是必需的。 這是場景背后的商業邏輯。

所以我在這里計划的是，基於類別和子類別選擇，我計划為所有必填字段包含html屬性isMandated=true 。 在onblur事件上將驗證其價值。 單擊按鈕（將頁面發布到服務器時）我計划根據isMandated屬性驗證所有控件。

這種方法是否正確，所有主流瀏覽器都支持這種屬性添加？

Answer 1

如果要包含其他屬性，則需要使用數據前綴。 所以在你的情況下：

data-isMandated="true"

所有主流瀏覽器都支持此功能。 然后使用類似jQuery的東西獲取數據：

var isMandated = $(selector).attr("data-isMandated");

Answer 2

如果屬性為"isMandated" ，則您的頁面可能無法使用HTML驗證。 正確的方法是創建自定義屬性"data-isMandated" 。 這種方法適用於所有瀏覽器（之前我創建了類似的頁面，它可以在IE7 +，FF，Chrome上運行）。 也許會更好，將類添加到所有必需字段，而不是屬性isMandated=true並檢查所有字段與此類。 此外，您可以使用jquery驗證 - 插件 。 它包括一些驗證規則，如必填字段，最小/最大值，電話號碼驗證，電子郵件驗證等。

Answer 3

如果您使用asp.net，則可以在不同的控件上使用RequiredFieldValidator ，例如以下示例：

<tr>
<td>
<asp:RequiredFieldValidator runat=server
    ControlToValidate=txtName
    ErrorMessage="Identifier is required."> *
</asp:RequiredFieldValidator>
</td>
<td>User Identifier :</td>
<td><input type=text runat=server id=txtName></td>
</tr>

對於必填字段，您可以使用ValidationSummary屬性，該屬性在必填字段之前顯示“*”。

<asp:ValidationSummary runat=server
      headerText="there is error on this page/>

並且不要忘記驗證方法：

public sub OnSubmit(source as Object, e as EventArgs)
    if Page.IsValid then
    ' Some code
    end if
end sub