网络上有不少的表单验证控件,如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="提交" onclick="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