JavaScript 不能与 RadTextBox 一起使用
JavaScript not working with RadTextBox
<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">
当我将"OnClientClicked"添加到RadButton以在javaScript中调用javaScript("返回Validate电话号码")时,它显示空为什么?有 2 个 rad 文本框 txtphone1 和 txtphone2 ,实际上我想验证这些文本框,如果任何一个没有填充,否则我需要显示错误/警告消息。请帮助我
实际上".value"在javascript(文档)中没有显示。GetelementById.value)
当你使用 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');
}
}
OnClientClicked 事件将按名称运行具有 2 个参数的函数,这些参数类似于 .NET 事件处理程序(sender 和 eventArgs)使用的参数。Telerik 控件不会以与常规 HTML 对象相同的方式取消操作,因为该return false;
不会取消回发。相反,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 以确保在回发之前填充它。
- 转义符不能与innerHTML一起使用
- 高亮显示与数组字符串一起使用时文本插件中断
- setTimeout可以与闭包内的函数一起使用吗
- 将依赖外部库的UMD模块与browserfy捆绑在一起
- Highcharts colorsByPoint与系列中的线性渐变一起使用时不起作用
- 如何将js库与typescript一起使用
- 将webpack和babel与父项目目录中的文件一起使用
- 将 Drag&Drop 与 jsTree 和 DataTables 一起使用
- Javascript-如何让脚本与Ajax请求的数据一起运行
- 将两个ext.TabPanels滚动到一起
- 将jQuery UI Timepicker Addon与React一起使用
- 什么是curl以及如何将其与nodejs一起使用
- Javascript”;onmousemove”;事件无法与类一起使用
- 将require('..')与变量一起使用与在webpack中使用字符串相比
- 如何在php中创建一个函数,该函数与文本区域一起工作,通过输入类似[color:red]的内容来打印具有等效颜色的文本
- 三角库可以与firefox一起使用,但不能在Chrome中使用
- 为什么不't我的ruby代码与javascript文件一起插入
- 通过jQueryAjax一起发布Array和Form数据时出现问题
- 如何将eventListeners与Angularjs+Electron一起使用
- JavaScript 不能与 RadTextBox 一起使用