网络上有不少的表单验证控件,如jquery formvalidator等。弹出框也有很多种,这里我向大家推荐artDialog。首先说明2种控件都来源于博客园朋友,我现在向大家分享下使用方法:
首先看截图,我做的一个示例代码:
控件优点:
表单验证控件:
1、使用正则表达式进行验证
2、验证简单,界面友好,提示友好
artDialog弹出框控件:
1、国内一位牛人开发的组件,相信大家很多人都知道,不再赘述。
源码结构如下图:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_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>表单验证及artDialog对话框</title>
<script src="js/jquery.pack.js" type="text/javascript"></script>
<link href="css/Tooltip.css" rel="stylesheet" type="text/css" />
<link href="js/artDialog/skins/blue.css" rel="stylesheet" type="text/css" />
<script src="js/Tooltip.mini.js" type="text/javascript"></script>
<script src="js/artDialog/artDialog.js" type="text/javascript"></script>
<script src="js/artDialog/iframeTools.source.js" type="text/javascript"></script>
<script type="text/javascript">
function showSuccess() {
art.dialog.alert('提交失败!');
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table style="text-align:center; vertical-align:middle;">
<tr>
<td>用户名:</td>
<td> <asp:TextBox ID="txtName" reg="^[\s\S]+$" tip="用户名不能为空!" runat="server"></asp:TextBox></td>
</tr>
<tr>
<td>年 龄:</td>
<td> <asp:TextBox ID="txtAge" reg="^\d{m,n}$" tip="只能输入1-3位数!" runat="server"></asp:TextBox></td>
</tr>
<tr>
<td colspan="2"><asp:Button ID="btnSumbit" runat="server" Text="提交"
οnclick="btnSumbit_Click" OnClientClick="showSuccess();" /></td>
</tr>
</table>
</div>
</form>
</body>
</html>
DropDownList验证:
规则是在绑定数据之后,手动添加Value为-1的提示信息,然后正则使用非负整数,这样就间接达到目的了
<asp:DropDownList ID="ddlDept" runat="server" Width="100%" reg="^\d+$" tip="请选择所属部门!">
</asp:DropDownList>
/// <summary>
/// 所属部门
/// </summary>
public void BindDepartmentDropDownList()
{
string strSQL2 = "select DepName,DepID from T_Department";
DataSet ds2 = SqlHelper.ExecuteDataSet(SqlHelper.LocalSqlServer, strSQL2);
if (ds2 != null && ds2.Tables[0].Rows.Count > 0)
{
foreach (DataRow row in ds2.Tables[0].Rows)
{
this.ddlDept.Items.Add(new ListItem(row["DepName"].ToString(), row["DepID"].ToString()));
}
}
this.ddlDept.Items.Insert(0, new ListItem("==请选择部门==", "-1"));
}
这里附上常用的正则表达式规则:
1、非空判断: ^[\s\S]+$
2、验证数字:^[0-9]*$
3、验证n位的数字:^\d{n}$
4、验证至少n位数字:^\d{n,}$
5、验证m-n位的数字:^\d{m,n}$
6、验证零和非零开头的数字:^(0|[1-9][0-9]*)$
7、验证有两位小数的正实数:^[0-9]+(.[0-9]{2})?$
8、验证有1-3位小数的正实数:^[0-9]+(.[0-9]{1,3})?$
9、验证非零的正整数:^\+?[1-9][0-9]*$
10、验证非零的负整数:^\-[1-9][0-9]*$
11、验证非负整数(正整数 + 0) ^\d+$
12、验证非正整数(负整数 + 0) ^((-\d+)|(0+))$
13、验证长度为3的字符:^.{3}$
14、验证由26个英文字母组成的字符串:^[A-Za-z]+$
15、验证由26个大写英文字母组成的字符串:^[A-Z]+$
16、验证由26个小写英文字母组成的字符串:^[a-z]+$
17、验证由数字和26个英文字母组成的字符串:^[A-Za-z0-9]+$
18、验证由数字、26个英文字母或者下划线组成的字符串:^\w+$
19、验证用户密码:^[a-zA-Z]\w{5,17}$ 正确格式为:以字母开头,长度在6-18之间,只能包含字符、数字和下划线。
20、验证是否含有 ^%&',;=?$\" 等字符:[^%&',;=?$\x22]+
21、验证汉字:^[\u4e00-\u9fa5],{0,}$
22、验证Email地址:^\w+[-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$
23、验证InternetURL:^http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$ ;^[a-zA-z]+://(w+(-w+)*)(.(w+(-w+)*))*(?S*)?$
24、验证电话号码:^(\(\d{3,4}\)|\d{3,4}-)?\d{7,8}$: --正确格式为:XXXX-XXXXXXX,XXXX-XXXXXXXX,XXX-XXXXXXX,XXX-XXXXXXXX,XXXXXXX,XXXXXXXX。
25、验证身份证号(15位或18位数字):^\d{15}|\d{}18$
26、验证一年的12个月:^(0?[1-9]|1[0-2])$ 正确格式为:“01”-“09”和“1”“12”
27、验证一个月的31天:^((0?[1-9])|((1|2)[0-9])|30|31)$ 正确格式为:01、09和1、31。
28、整数:^-?\d+$
29、非负浮点数(正浮点数 + 0):^\d+(\.\d+)?$
30、正浮点数 ^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$
31、非正浮点数(负浮点数 + 0) ^((-\d+(\.\d+)?)|(0+(\.0+)?))$
32、负浮点数 ^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$
33、浮点数 ^(-?\d+)(\.\d+)?$
源码下载:http://download.csdn.net/detail/taomanman/8342193