ASP.NET jQuery 随笔 使用allValidator插件简单实现客户端验证功能
首先放出该插件的下载地址：http://pan.baidu.com/s/1Aa3yD，里面有帮助文档，详细了解可以自行下载学习，本章只讲解一些基本的验证功能，页面代码如下：
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Web.Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="js/Validator/allValidator.js" type="text/javascript"></script>
<link href="Base.css" rel="stylesheet" type="text/css" />
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function () {
$("#btnReset").click(function () {
$("input[type=reset]").trigger("click"); //触发reset按钮 }
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div style="margin: 0 auto; width: 400px;">
<table cellpadding="2" cellspacing="1" border="0" class="tab">
<tr>
<td>
身份证号：
</td>
<td>
<asp:TextBox ID="txtIdCard" runat="server" class="text" datatype="IdCard" msg="身份证号错误"></asp:TextBox>
</td>
</tr>
<tr>
<td>
真实姓名：
</td>
<td>
<asp:TextBox ID="txtChineseName" runat="server" class="text" datatype="Chinese" msg="真实姓名只允许中文"></asp:TextBox>
</td>
</tr>
<tr>
<td>
ID：
</td>
<td>
<asp:TextBox ID="txtUserName" runat="server" class="text" datatype="Username" msg="ID名不符合规定"></asp:TextBox>
</td>
</tr>
<tr>
<td>
英文名：
</td>
<td>
<asp:TextBox ID="txtNick" runat="server" class="text" datatype="English" msg="英文名只允许英文字母"></asp:TextBox>
</td>
</tr>
<tr>
<td>
主页：
</td>
<td>
<asp:TextBox ID="txtHomepage" runat="server" class="text" datatype="Url" msg="非法的Url"></asp:TextBox>
</td>
</tr>
<tr>
<td>
密码：
</td>
<td>
<asp:TextBox ID="Password" runat="server" class="text" datatype="SafeString" TextMode="Password"
msg="密码不符合安全规则"></asp:TextBox>
</td>
</tr>
<tr>
<td>
重复：
</td>
<td>
<asp:TextBox ID="Repeat" runat="server" class="text" datatype="Repeat" to="Password"
TextMode="Password" msg="两次输入的密码不一致"></asp:TextBox>
</td>
</tr>
<tr>
<td>
信箱：
</td>
<td>
<asp:TextBox ID="Email" runat="server" class="text" datatype="Email" msg="信箱格式不正确"></asp:TextBox>
</td>
</tr>
<tr>
<td>
信箱：
</td>
<td>
<asp:TextBox ID="EmailRep" runat="server" class="text" datatype="Repeat" to="Email"
msg="两次输入的信箱不一致"></asp:TextBox>
</td>
</tr>
<tr>
<td>
QQ：
</td>
<td>
<asp:TextBox ID="txtQQ" runat="server" class="text" require="false" datatype="QQ"
msg="QQ号码不存在"></asp:TextBox>
</td>
</tr>
<tr>
<td>
年龄：
</td>
<td>
<asp:TextBox ID="txtAge" runat="server" class="text" datatype="Range" msg="年龄必须在18~28之间"
min="18" max="28"></asp:TextBox>
</td>
</tr>
<tr>
<td>
年龄1：
</td>
<td>
<asp:TextBox ID="txtYear" runat="server" class="text" require="false" datatype="Compare"
msg="年龄必须在18以上" to="18" operator="GreaterThanEqual"></asp:TextBox>
</td>
</tr>
<tr>
<td>
电话：
</td>
<td>
<asp:TextBox ID="txtPhone" runat="server" class="text" require="false" datatype="Phone"
msg="电话号码不正确"></asp:TextBox>
</td>
</tr>
<tr>
<td>
手机：
</td>
<td>
<asp:TextBox ID="txtMobile" runat="server" class="text" require="false" datatype="Mobile"
msg="手机号码不正确"></asp:TextBox>
</td>
</tr>
<tr>
<td>
生日：
</td>
<td>
<asp:TextBox ID="txtBirthday" runat="server" class="text" datatype="Date" format="ymd"
msg="生日日期不存在"></asp:TextBox>
</td>
</tr>
<tr>
<td>
邮政编码：
</td>
<td>
<asp:TextBox ID="txtZip" runat="server" class="text" datatype="Custom" regexp="^[1-9]\d{5}$"
msg="邮政编码不存在"></asp:TextBox>
</td>
</tr>
<tr>
<td>
邮政编码：
</td>
<td>
<asp:TextBox ID="txtZip1" runat="server" class="text" datatype="Zip" msg="邮政编码不存在"></asp:TextBox>
</td>
</tr>
<tr>
<td>
操作系统：
</td>
<td>
<asp:DropDownList ID="ddlOperation" runat="server" datatype="Require" msg="未选择所用操作系统">
<asp:ListItem Value="" Selected="True">--请选择--</asp:ListItem>
<asp:ListItem Value="Win98">Win98</asp:ListItem>
<asp:ListItem Value="Win2k">Win2k</asp:ListItem>
<asp:ListItem Value="WinXP">WinXP</asp:ListItem>
</asp:DropDownList>
</td>
</tr>
<tr>
<td>
所在省份：
</td>
<td>
广东
<asp:RadioButtonList ID="rblProvice" runat="server" datatype="Group" msg="必须选定一个省份"
RepeatDirection="Horizontal">
<asp:ListItem Value="1">陕西</asp:ListItem>
<asp:ListItem Value="2">浙江</asp:ListItem>
<asp:ListItem Value="3">江西</asp:ListItem>
</asp:RadioButtonList>
</td>
</tr>
<tr>
<td>
爱好：
</td>
<td>
<asp:CheckBoxList ID="cnlHobies" runat="server" datatype="Group" min="2" max="3"
RepeatDirection="Horizontal" msg="必须选择2~3种爱好">
<asp:ListItem Value="1">上网</asp:ListItem>
<asp:ListItem Value="2">听音乐</asp:ListItem>
<asp:ListItem Value="3">看书</asp:ListItem>
<asp:ListItem Value="4">运动</asp:ListItem>
</asp:CheckBoxList>
</td>
</tr>
<tr>
<td>
自我介绍：
</td>
<td>
<asp:TextBox ID="txtDescription" TextMode="MultiLine" runat="server" datatype="Limit"
max="10" msg="自我介绍内容必须在10个字之内">英文是一个字</asp:TextBox>
</td>
</tr>
<tr>
<td>
自传：
</td>
<td>
<asp:TextBox ID="txtHistory" TextMode="MultiLine" runat="server" datatype="LimitB"
min="3" max="10" msg="自传内容必须在[3,10]个字节之内">中文是两个字节</asp:TextBox>
</td>
</tr>
<tr>
<td>
相片上传：
</td>
<td>
<asp:FileUpload ID="fplUp" runat="server" datatype="Filter" msg="非法的文件格式" accept="jpg, gif, png" />
</td>
</tr>
<tr>
<td colspan="2">
<asp:Button ID="btnRegister" Text="注册" class="button green small" runat="server"
OnClientClick="return Validator.Validate(document.getElementById('form1'))" />
<asp:Button ID="btnReset" Text="取消" class="button white small" runat="server" />
<input type="reset" style="display: none;" />
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
