Question

 <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
        <script type="text/javascript">

            function ValidatePhoneNumbers() {

                var phone = document.getElementById('txtPhone1');
                var mobile =document.getElementById('txtPhone2');
                alert(phone.value);
                if ((phone.value == null || phone.value == "") && (mobile.value == null || mobile.value == "")) {
                    alert('something');
                    return false;
                }
                else {
                    alert('something');
                    return true;
                }
           }

        </script>

<tr>
                                        <td>
                                         <label for="txtPhone1">
                                                Phone :</label>
                                        </td>
                                        <td>

                                            <telerik:RadNumericTextBox ID="txtPhone1" runat="server" Text='<%# Bind("Phone_One") %>' Type="Number" Skin="Windows7" CssClass="txt">
                                                     <numberformat allowrounding="false" keepnotroundedvalue="False" GroupSeparator=""></numberformat>
                                            </telerik:RadNumericTextBox>
                                            <asp:CustomValidator ID="rqfldPhone1" runat="server" ControlToValidate="txtPhone1"
                                                Display="Dynamic" ErrorMessage="*" ValidationGroup="Submit" ToolTip="Enter Phone Number"  ></asp:CustomValidator>
                                        </td>

 <telerik:RadButton ID="btnUpdate" runat="server" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'
                                    CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'
                                    Skin="Windows7" ValidationGroup="Submit">

当我向RadButton添加“OnClientClicked”以在javaScript中调用javaScript（“return ValidatePhoneNumbers”）时显示为什么？有2个rad文本框txtphone1和txtphone2，实际上我想验证这些文本框，如果任何一个填充没有问题，否则我需要显示错误/警告消息。请帮助我

实际上javascript中没有显示“.value”（document.GetelementById.value）

Answer 1

当您使用telerik控件时，查找控件和执行操作的javascript与使用普通html和javascript的操作不同：

找到radcombox：

$find("<%=RadComboBox1.ClientID %>");//for example

让我们解决您的问题：

var phone=$find("<%=txtPhone1.ClientID %>");
var mobile=$find("<%=txtPhone2.ClientID %>");
alert(phone.get_value());//use get_value() to get the value of radcombobox
if ((phone.get_value() == null || phone.get_value() == "") && (mobile.get_value() == null ||  mobile.get_value()== "")) {
        alert('something');
        eventArgs.set_cancel(true);
    }
    else {
        alert('something');
    }
}

Answer 2

OnClientClicked事件将按名称运行带有2个参数的函数，这些参数类似于.NET事件处理程序（sender和eventArgs）使用的参数。 Telerik控件不会以与return false;不取消回发的常规HTML对象相同的方式取消操作。相反，Telerik API在eventArgs参数中提供了set_cancel（）函数。

function ValidatePhoneNumbers(sender, eventArgs) {
    var phone = document.getElementById('<%= txtPhone1.ClientId %>'); // Corrected as per my comment
    var mobile =document.getElementById('<%= txtPhone2.ClientId %>'); // Corrected as per my comment
    alert(phone.value);
    if ((phone.value == null || phone.value == "") && (mobile.value == null || mobile.value == "")) {
        alert('something');
        eventArgs.set_cancel(true);
    }
    else {
        alert('something');
    }
}

您不需要设置OnClientClicked="return ValidatePhoneNumbers"而是我会推荐使用OnClientClicking ="ValidatePhoneNumbers"（请参阅：http://www.telerik.com/help/aspnet-ajax/button-onclientclicking.html）

有关客户端事件处理程序的更多信息，请参阅：http://demos.telerik.com/aspnet-ajax/menu/examples/programming/clientevents/defaultcs.aspx

如果未按下按钮，验证器应该触发，如果没有设置CausesValidation="True"，可以考虑使用RequiredFieldValidator以确保在回发之前填充它。

JavaScript无法使用RadTextBox

2 个答案: