asp.net表單驗證和彈出框artDialog使用分享(資源整合)
網路上有不少的表單驗證控制元件,如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
相關文章
- 點選提交按鈕實現彈出警告框表單驗證效果
- 表單資料驗證
- 常用的表單驗證程式碼分享
- js實現的驗證表單文字框和密碼框是否為空程式碼JS密碼
- bootstrap提示和彈出框boot
- 使用表單驗證,建立資料驗證層,Ajax 統一返回驗證錯誤資訊
- 表單驗證自定義格式輸出
- 表單驗證使用擴充套件套件
- 彈出框外掛layer使用
- ASP.NET學習手記:驗證使用者表單輸入 (轉)ASP.NET
- JavaScript 表單及表單驗證JavaScript
- js表單驗證和各種資料驗證正規表示式外掛JS
- 第 16 章 彈出框和警告框外掛
- SpringMVC表單驗證器的使用SpringMVC
- EasyUI - 驗證框使用方法UI
- bootstrap表單驗證boot
- javascript表單驗證JavaScript
- Laravel 表單驗證Laravel
- JavaScript 表單驗證JavaScript
- Django表單驗證Django
- jquery 表單驗證jQuery
- Js表單驗證JS
- 使用jquery製作彈出框效果jQuery
- FireFox設定代理伺服器後多次彈出驗證框解決Firefox伺服器
- element-ui使用from表單驗證資料問題UI
- Asp.net MVC中表單驗證ASP.NETMVC
- 【經驗分享】ASP.NET 的 Page_Load 執行了2次,真的(啟用了表單驗證Form Authentication)!ASP.NETORM
- 當文字框失去焦點即進行表單驗證簡單例項單例
- laravel-admin 模態框裡面的彈出表單 select 聯動不能使用Laravel
- Flutter | 超實用簡單選單彈出框 PopupMenuButtonFlutter
- 如何優雅的使用 Angular 表單驗證Angular
- 如何使用angularjs實現表單驗證AngularJS
- 有關日期手工輸入驗證、日期彈出框、數值輸入驗證、必須輸入驗證等(共三個檔案)
- vux和iview的彈出框總結UXView
- 表單required 必需驗證UI
- HTML 表單驗證概述HTML
- bootstrapValidator 表單驗證boot
- 表單驗證——筆記筆記