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

前端之家收集整理的这篇文章主要介绍了当ASP.NET验证失败时,更改文本框的css类前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如果连接到文本框的必填字段验证器无法通过客户端验证,该怎么执行某些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>
原文链接:https://www.f2er.com/aspnet/253148.html

猜你在找的asp.Net相关文章