Javascript 验证-更改无效元素父元素的背景色

我正在使用asp.net的内置验证来设置必需的字段，但我不想只显示消息，我还想更改无效元素的父div的背景色

我想我可能需要使用

ClientValidationFunction

选项，但我似乎无法实现这一点

这是我到目前为止所拥有的

<asp:TextBox runat="server" ID="myOption" />
<asp:RequiredFieldValidator runat="server" 
     ID="myOption_req" 
     ClientValidationFunction="validateMe" 
     EnableClientScript="true" 
     ControlToValidate="myOption" 
     Text="*" 
     ErrorMessage="Please fill in all required fields" />

我甚至无法显示警报，因此无法继续让父元素更改背景颜色。

在验证控件中设置color=“Red”

并更改

ClientValidationFunction=“javascript:validateMe（）；”

而不是

ClientValidationFunction=“validateMe”

在验证控件中设置color=“Red”

并更改

ClientValidationFunction=“javascript:validateMe（）；”

而不是

ClientValidationFunction=“validateMe”

---

ClientValidationFunction

不是

RequiredFieldValidator

的属性

如果希望执行某些javascript，请使用

CustomValidator

，如下所示：

<asp:CustomValidator color="Red" runat="server" ID="myOption_req" 
    ClientValidationFunction="validateMe" 
    EnableClientScript="true" 
    ControlToValidate="myOption" ValidateEmptyText="true"
    Text="*" 
    ErrorMessage="Please fill in all required fields" />

---

不要忘记添加

ValidateEmptyText=“true”

属性，否则如果文本框为空，将跳过验证。

ClientValidationFunction

不是

RequiredFieldValidator

的属性

如果希望执行某些javascript，请使用

CustomValidator

，如下所示：

<asp:CustomValidator color="Red" runat="server" ID="myOption_req" 
    ClientValidationFunction="validateMe" 
    EnableClientScript="true" 
    ControlToValidate="myOption" ValidateEmptyText="true"
    Text="*" 
    ErrorMessage="Please fill in all required fields" />

不要忘记添加

ValidateEmptyText=“true”

属性，否则如果文本框为空，验证将被跳过。

试试这个

javascript 您的

aspx

试试这个

javascript 您的

aspx

在按钮和验证程序控件中设置ValidationGroup=“xx”在按钮和验证程序控件中设置ValidationGroup=“xx”

<asp:CustomValidator color="Red" runat="server" ID="myOption_req" 
    ClientValidationFunction="validateMe" 
    EnableClientScript="true" 
    ControlToValidate="myOption" ValidateEmptyText="true"
    Text="*" 
    ErrorMessage="Please fill in all required fields" />

function validateMe(sender, arguments)
{
  if (arguments.Value == "hello world")
     arguments.IsValid = true;
  else
     arguments.IsValid = false;
}

<asp:CustomValidator color="Red" runat="server" ID="myOption_req" 
    ClientValidationFunction="validateMe" 
    EnableClientScript="true" 
    ControlToValidate="myOption" ValidateEmptyText="true"
    Text="*" 
    ErrorMessage="Please fill in all required fields" />