当ASP.NET验证失败时,更改文本框的css类

发布时间：2020-12-16 00:46:24 所属栏目：asp.Net 来源：网络整理

导读：如果连接到文本框的必填字段验证器无法通过客户端验证，该怎么执行某些JavaScript？我想要做的是更改文本框的css类，使文本框的边框显示为红色。我正在使用webforms，我有可用的jquery库。解决方法这里是快而肮脏的东西(但它的作品！) form id="form1" ru

如果连接到文本框的必填字段验证器无法通过客户端验证，该怎么执行某些JavaScript？我想要做的是更改文本框的css类，使文本框的边框显示为红色。

我正在使用webforms，我有可用的jquery库。

解决方法

这里是快而肮脏的东西(但它的作品！)

<form id="form1" runat="server">
      <asp:TextBox ID="txtOne" runat="server" />
      <asp:RequiredFieldValidator ID="rfv" runat="server" 
                                 ControlToValidate="txtOne" Text="SomeText 1" />
      <asp:TextBox ID="txtTwo" runat="server" />
      <asp:RequiredFieldValidator ID="rfv2" runat="server" 
                                 ControlToValidate="txtTwo" Text="SomeText 2" />
      <asp:Button ID="btnOne" runat="server" OnClientClick="return BtnClick();" 
                                         Text="Click" CausesValidation="true" />
    </form>
    <script type="text/javascript">
        function BtnClick() {
            //var v1 = "#<%= rfv.ClientID %>";
            //var v2 = "#<%= rfv2.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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!