我在使用 Telerik 控件进行验证脚本时遇到问题

Question

我希望有人知道这个问题的答案，因为我对使用 Telerik 控件非常陌生。问题是，我有一个要求，如果在验证控件上设置了 IsValid 标志，我必须为附加到验证控件的控件设置背景颜色。我之前的一个要求也可能会影响这一点，它被设置为基于 SetFocusOnError="true" 的控件。

所有控件都包含在 asp:UpdatePanel 中，并且该页面有一个母版页集。

因此，我所做的是以下设置焦点，我重写了 System.Web.UI.Page 类上的 Validate 函数，如下所示：

        public override void Validate(string group)
    {
        base.Validate(group);

        // get the first validator that failed
        var validator = GetValidators(group)
            .OfType<BaseValidator>()
            .FirstOrDefault(v => !v.IsValid);

        // set the focus to the control
        // that the validator targets
        if (validator != null)
        {
            //Check to see if SetFocusOnError was set.
            if (validator.SetFocusOnError == true)
            {
                Control target = validator
                    .NamingContainer
                    .FindControl(validator.ControlToValidate);

                if (target != null)
                    target.Focus();
            }
        }
    }

这有效并将焦点设置到控件。我做的下一件事是在我的网页中内联以下内容：

                var OriginalValidatorUpdateDisplay = null;

            if (typeof (ValidatorUpdateDisplay) == 'function') {
                OriginalValidatorUpdateDisplay = ValidatorUpdateDisplay;
                ValidatorUpdateDisplay = NewValidatorUpdateDisplay;
            }

            function NewValidatorUpdateDisplay(val) {
                OriginalValidatorUpdateDisplay(val);
                ValidateControls();
            }

            function ValidateControls() {
                if (window.Page_Validators) {
                        for (var vI = 0; vI < Page_Validators.length; vI++) {
                            var vValidator = Page_Validators[vI];
                            if (vValidator.isvalid) {
                                $("#" + vValidator.controltovalidate).removeClass("error");
                                if ($("#" + vValidator.controltovalidate).parent().find('.riTextBox').length > 0) {
                                    $("#" + vValidator.controltovalidate).parent().removeClass("error");
                                }
                            }
                            else {
                                $("#" + vValidator.controltovalidate).addClass("error");
                                if ($("#" + vValidator.controltovalidate).parent().find('.riTextBox').length > 0) {
                                    $("#" + vValidator.controltovalidate).parent().addClass("error");
                                }
                            }
                        }
                    }                
            }                  

但是，当您第一次加载页面并提交页面进行验证时，CSS 不会更改，但如果您再次执行此操作，则会发生更改。哦，AddClass 只是添加

    .error .riTextBox
{
    background-color: lightpink !important;
    z-index:6001;
}

到控件中。

有没有人以前工作过遇到过这种情况？

哦，我还应该注意，如果我删除 Telerik 控件并使用 asp 文本框控件，一切都会正常工作，但我无法从项目中删除 Telerik 控件。