asp.net表單驗證和彈出框artDialog使用分享(資源整合)

暖楓無敵發表於2015-01-08

         網路上有不少的表單驗證控制元件,如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






相關文章