html - 与 Telerik 控件的内置 javascript 函数相关的问题

Question

我有带有一些 telerik 控件的 asp.net webapplication。

我在 .aspx 页面上有一个 RadTextBox(txtSearch) 和 RadButton(btnSearch)。

我已经为空文本框编写了以下验证:

 $('#btnSearch').click(function () {
                if ($('#txtSearch_text').val() == '') {
                    $('#txtSearch_text').addClass('validation');
                    return false;
                }
                else {
                    $('#txtSearch_text').removeClass('validation');
                }
            });

在 validation 类中我设置了 Border-left:2px solid red 现在的问题是，当我单击 btnSearch 时，它会将验证类设置为 txtSearch 文本框，但是当我在 txtSearch 文本框上使用鼠标悬停时，类名突然从内置的 javascript 函数更改为其他名称泰勒里克。在 telerik TextBox 的这个 Javascript 函数中，它将文本框的类名更改为另一个类。 并且此更改类的执行发生在执行自定义 javascript 函数之后。

所以我想在执行 telerik 的内置函数后执行客户 javascript 函数。怎么做？

谢谢

Answer 1

您可以为 RadInputs 定义无效状态。 RadTextbox 本身不能无效，因为您可以在文本框中放置任何内容(例如，与数字文本框不同)，但这里是一个起点:

    <telerik:RadTextBox ID="RadTextBox1" runat="server">
        <InvalidStyle BackColor="Red" />
    </telerik:RadTextBox>
    <asp:RequiredFieldValidator ID="TextBoxRequiredFieldValidator" runat="server" Display="Dynamic"
                                ControlToValidate="RadTextBox1" ErrorMessage="The textbox can not be empty!">
    </asp:RequiredFieldValidator>
    <telerik:RadButton ID="RadButton1" runat="server" OnClientClicked="test" Text="submit"
                       AutoPostBack="false" />
    <script type="text/javascript">
        function test() {
            var tb = $find('RadTextBox1');
            if (tb.get_value() == "") {
                $find('RadTextBox1')._invalidate();
                $find('RadTextBox1').updateCssClass();
            }
        }
    </script>

直接篡改复杂控件的 HTML 可能会让你一事无成，因为它们会根据它们的逻辑尝试更新/修复它们的状态。