如何使RequiredFieldValidator更改父div的css类 [英] Howto make RequiredFieldValidator change the css class of the parent div

问题描述

我有一个TextBox输入元素，它有一个RequiredFieldValidator：

 < div> 
< label>名字< / label> 
< asp：RequiredFieldValidator ID =RequiredFieldValidatorFirstnamerunat =serverErrorMessage =RequiredControlToValidate =TextBoxFirstname>< / asp：RequiredFieldValidator> 
< asp：TextBox ID =TextBoxFirstnamerunat =server>< / asp：TextBox> 
< / div> 
 

当TextBox在提交时为空时，我想向父类添加类'form-error' Div：

 < div class =form-error 
< label>名字< / label> 
< asp：RequiredFieldValidator ID =RequiredFieldValidatorFirstnamerunat =serverErrorMessage =RequiredControlToValidate =TextBoxFirstname>< / asp：RequiredFieldValidator> 
< asp：TextBox ID =TextBoxFirstnamerunat =server>< / asp：TextBox> 
< / div> 
  

这是否可能，如果是这样，我该怎么办？

$ b $

您应该使用asp.net

a href =http://quickstarts.asp.net/QuickStartv20/aspnet/doc/validation/default.aspx =nofollow noreferrer> customvalidator控件，并编写自己的自定义验证javascript函数设置类到div。

I have a TextBox input element that has a RequiredFieldValidator as such:

<div>
    <label>First name</label>
    <asp:RequiredFieldValidator ID="RequiredFieldValidatorFirstname" runat="server" ErrorMessage="Required" ControlToValidate="TextBoxFirstname"></asp:RequiredFieldValidator>
    <asp:TextBox ID="TextBoxFirstname" runat="server"></asp:TextBox>
</div>

When the TextBox is empty on submit I want to add the class 'form-error' to the parent Div:

<div class="form-error">
    <label>First name</label>
    <asp:RequiredFieldValidator ID="RequiredFieldValidatorFirstname" runat="server" ErrorMessage="Required" ControlToValidate="TextBoxFirstname"></asp:RequiredFieldValidator>
    <asp:TextBox ID="TextBoxFirstname" runat="server"></asp:TextBox>
</div>

Is this possible, and if so - how do I do it?

解决方案

with RequiredFieldValidator you can not add your custom code.

you should use asp.net customvalidator control, and write your own custom validation javascript function which sets the class to the div.

这篇关于如何使RequiredFieldValidator更改父div的css类的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！