验证失败时更改css类

时间:2010-01-28 11:49:45

标签: javascript-events

我的aspx页面上的验证存在问题;我有以下代码:

 <td>
    Id
 </td>
 <td>
     <asp:TextBox ID="txtId" runat="server"></asp:TextBox>
 </td>
 <td>
     <asp:RequiredFieldValidator ID="reqId" runat="server" ErrorMessage="Error" ControlToValidate="txtId" SetFocusOnError="true"></asp:RequiredFieldValidator>
  </td>

以下javascript代码:

<script type="text/javascript">
    function ValidateData() {
        var v1 = "#<%= txtId.ClientID %>";
        var val = Page_ClientValidate();
        if (!val) {
            var i = 0;
            for (; i < Page_Validators.length; i++) {
                if (!Page_Validators[i].isvalid) {
                    $("#" + Page_Validators[i].controltovalidate)
                     .css("background-color", "red");
                }
            }
        }
        return val;
    }
</script>

我从这篇文章中提取的代码: Change textbox’s css class when ASP.NET Validation fails

问题是我收到了错误:

Object Expected

在以下一行:

 $("#" + Page_Validators[i].controltovalidate)

因此,当我调试代码时(Internet Explorer 7上), controltovalidate 属性不存在。

我希望你能帮助我解决这个问题,我不知道如何获得该财产或我缺少什么。

提前致谢。

哦,我忘了,这是我按钮的代码:

<asp:Button ID="btnSend" runat="server" Text="Send" 
                            OnClientClick="return ValidateData();"
                            onclick="btnSend_Click" />

1 个答案:

答案 0 :(得分:0)

controltovalidate应替换为您要验证的控件的ID。

所以该行应该是这样的:

$("#" + Page_Validators[i].txtId)