<%@ Page ClientTarget=UpLevel %><html>
<head>
<script language="C#" runat=server>
void Page_Load() {
if (!IsPostBack) {
// Validate intially to force *s to appear before the first round-trip
Validate();
}
}
void ValidateBtn_Click(Object Sender, EventArgs E) {
if (Page.IsValid == true) {
lblOutput.Text = "Page is Valid!";
}
else {
lblOutput.Text = "Some of the required fields are empty";
}
}
</script>
</head>
<body>
<h3><font face="Verdana">Client-Side RequiredFieldValidator Sample</font></h3>
<form runat="server">
<table bgcolor="#eeeeee" cellpadding=10>
<tr valign="top">
<td colspan=3>
<
asp:Label ID="lblOutput" Name="lblOutput" Text="Fill in the required fields below" ForeColor="red" Font-Names="Verdana" Font-Size="10" runat=server /><br></td>
</tr>
<tr>
<td colspan=3>
<font face=Verdana size=2><b>Credit Card Information</b></font>
</td>
</tr>
<tr>
<td align=right>
<font face=Verdana size=2>Card Type:</font>
</td>
<td>
<
ASP:RadioButtonList id=RadioButtonList1 RepeatLayout="Flow" onclick="ClientOnChange();" runat=server><
asp:ListItem>MasterCard</asp:ListItem><
asp:ListItem>Visa</asp:ListItem></
ASP:RadioButtonList></td>
<td align=middle rowspan=1>
<asp:RequiredFieldValidator id="RequiredFieldValidator1" runat="server"
ControlToValidate="RadioButtonList1"
ErrorMessage="*"
Display="Static"
InitialValue=""
Width="100%"></
asp:RequiredFieldValidator></td>
</tr>
<tr>
<td align=right>
<font face=Verdana size=2>Card Number:</font>
</td>
<td>
<
ASP:TextBox id=TextBox1 onchange="ClientOnChange();" runat=server /></td>
<td>
<asp:RequiredFieldValidator id="RequiredFieldValidator2" runat="server"
ControlToValidate="TextBox1"
ErrorMessage="*"
Display="Static"
Width="100%"></
asp:RequiredFieldValidator></td>
</tr>
<tr>
<td align=right>
<font face=Verdana size=2>Expiration Date:</font>
</td>
<td>
<
ASP:DropDownList id=DropDownList1 onchange="ClientOnChange();" runat=server><
asp:ListItem></asp:ListItem><
asp:ListItem >06/00</asp:ListItem><
asp:ListItem >07/00</asp:ListItem><
asp:ListItem >08/00</asp:ListItem><
asp:ListItem >09/00</asp:ListItem><
asp:ListItem >10/00</asp:ListItem><
asp:ListItem >11/00</asp:ListItem><
asp:ListItem >01/01</asp:ListItem><
asp:ListItem >02/01</asp:ListItem><
asp:ListItem >03/01</asp:ListItem><
asp:ListItem >04/01</asp:ListItem><
asp:ListItem >05/01</asp:ListItem><
asp:ListItem >06/01</asp:ListItem><
asp:ListItem >07/01</asp:ListItem><
asp:ListItem >08/01</asp:ListItem><
asp:ListItem >09/01</asp:ListItem><
asp:ListItem >10/01</asp:ListItem><
asp:ListItem >11/01</asp:ListItem><
asp:ListItem >12/01</asp:ListItem></
ASP:DropDownList></td>
<td>
<asp:RequiredFieldValidator id="RequiredFieldValidator3" runat="server"
ControlToValidate="DropDownList1"
ErrorMessage="*"
Display="Static"
InitialValue=""
Width="100%"></
asp:RequiredFieldValidator></td>
<td>
</tr>
<tr>
<td></td>
<td>
<
ASP:Button id=Button1 text="Validate" OnClick="ValidateBtn_Click" runat="server" /></td>
<td></td>
</tr>
</table>
</form>
<script language=javascript>
<!--
function ClientOnChange() {
if (typeof(Page_Validators) == "undefined")
return;
document.all["lblOutput"].innerText = Page_IsValid ? "Page is Valid!" : "Some of the required fields are empty";
}
// -->
</script>
</body>
</html>
分享到:
相关推荐
超强的ASP.NET自定义客户端验证控件(推荐)
microsoft的验证控件用起来特别的麻烦,而且不人性化,所以我写了上面这段客户端验证,一个页面无论有多少控件要验证,一个函数就可以搞定。 比如你要验证一个id为txt_Name文本框不能为空,在Page_Load函数中加上 ...
asp.net 自定义textbox控件,带有客户端验证
asp.net验证控件概述 RequiredFieldValidator控件 CompareValidator控件 RangeValidator控件 正则表达式 RegularExpressionValidator控件 CustomValidator控件 ValidationSummary控件 分组校验技术
ASP.NET不仅把窗体的验证作为服务器控件引入,还使这些控件智能化。如果浏览器支持JavaScript,而ASP.NET可以发送JavaScript,验证就在客户端进行;如果客户机不支持用于验证的JavaScript,这些JavaScript就被忽略,...
现在ASP.NET,你不但可以轻松的实现对用户输入的验证,而且,还可以选择验证在服务器端进行还是在客户端进行,再也不必考虑那么多了,程序员们可以将重要精力放在主程序的设计上了。
8.1 asp.net服务端控件对客户端的支持 297 8.2 clientscriptmanager类功能详解 301 8.2.1 registerarraydeclaration方法 301 8.2.2 registerclientscriptblock方法 302 8.2.3 registerclientscriptinclude方法 ...
2、自动完成客户端以及服务器的验证码验证,Ajax验证,随用户输入即时 验证并友好提示。 3、可自定义验证码图片外观。 4、有水平方向垂直方向两种方式选择。 5、有数字、小写字母、大写字母三种及任意两种组合、三...
(2)会熟练运用ASP.NET验证控件。 (3)会实现分组验证。 二 实验内容: 1. 设计并实现一个带验证控件的用户注册页面 要求如下: (1)页面浏览效果如图5-1和图5-2所示。 (2)"用户名""密码""确认密码""生日""电话号码...
然后从常用web服务器控件、asp.net安全验证控件、数据绑定控件、web用户控件和asp.net导航控件全面介绍了几乎所有asp.net控件应用,接着以ajax无刷新技术及页面模板设计对asp.net客户端进行了详细介绍,最后以高效...
第一部分 构建ASP.NET页面 第1章 ASP.NET Framework概览 2 1.1 ASP.NET和.NET Framework 5 1.1.1 框架类库 5 1.1.2 公共语言运行库 9 1.2 ASP.NET控件 10 1.2.1 ASP.NET控件概览 11 1.2.2 HTML控件 12 1.2.3 理解...
从 ASP.NET 服务器控件插入客户端脚本.doc 从 ASPX 页面进行 Web 服务调用时的性能考虑.do 使用 .NET 框架轻松开发完美的 Web 窗体控件.do 使用 TreeView IE Web 控件.doc 关于ASP.Net中的时间处理.txt 关于...
然后从常用Web服务器控件、ASP.NET安全验证控件、数据绑定控件、Web用户控件和ASP.NET导航控件全面介绍了几乎所有ASP.NET控件应用,接着以AJAX无刷新技术及页面模板设计对ASP.NET客户端进行了详细介绍,最后以高效...
第16章 asp.net ajax控件开发——客户端 563 16.1 asp.net ajax框架概述 563 16.2 ajax library对客户端面向对象功能支持 564 16.2.1 命名空间及type和function类 565 16.2.2 接口类型 568 16.2.3 类类型以及...
第16章 asp.net ajax控件开发——客户端 563 16.1 asp.net ajax框架概述 563 16.2 ajax library对客户端面向对象功能支持 564 16.2.1 命名空间及type和function类 565 16.2.2 接口类型 568 16.2.3 类类型以及...
第16章 asp.net ajax控件开发——客户端563 16.1 asp.net ajax框架概述563 16.2 ajax library对客户端面向对象功能支持564 16.2.1 命名空间及type和function类565 16.2.2 接口类型568 16.2.3 类类型以及面向...
EnableClientValidate:是否使用客户端脚本验证,验证内容包括是否为空、长度是否正确 ImageStyle:验证码图像样式 其中ImageStyle为复类属性,其公开属性如下: ImageStyle.ImgBgColor:图片背景色 ImageStyle...
EnableClientValidate:是否使用客户端脚本验证,验证内容包括是否为空、长度是否正确 ImageStyle:验证码图像样式 其中ImageStyle为复类属性,其公开属性如下: ImageStyle.ImgBgColor:图片背景色 ImageStyle...
然后从常用web服务器控件、asp.net安全验证控件、数据绑定控件、web用户控件和asp.net导航控件全面介绍了几乎所有asp.net控件应用,接着以ajax无刷新技术及页面模板设计对asp.net客户端进行了详细介绍,最后以高效...
ASP.NET程序的创建、配置和调用 ASP.NET开发环境Visual Studio 2005介绍 常量、变量、流程控制、面向...ASP.NET应用程序的身份验证:Windows、Forms等 Web Service的特色、创建和应用 完整的在线投票系统 完整的XML论坛