King的幸福國度

Jquery中有個很好用，蠻方便的套件，叫「Validation」
這是個專門用來驗證表單(form)的套件
直接來看如何使用吧

1.在之間加入jQuery及Validation plugin

 <script src="jquery-1.3.2.js" type="text/javascript"></script>
 <script src="jquery.validate.js" type="text/javascript"></script>

2.在畫面上放置一個TextBox及Button

<form id="form1" runat="server">
    <div>
        <asp:TextBox ID="TextBox_Email" runat="server"></asp:TextBox>
    </div>
    <asp:Button ID="Button_Submit" runat="server" Text="送出" />
    </form>

3.檢查Email輸入欄位是否為空值

<script language="javascript" type="text/javascript">
        $(document).ready(function () {
            $("#form1").validate();
        });
</script>

4.解說
required：必填欄位
email：格式要符合E-Mail格式
url：格式要符合網址格式，如：http://whohow.tw
number：數字格包含小數點
digits：數字為正整數
date：日期格式
dataISO：日期格式，格式必需為YYYY/MM/DD、YYYY-MM-DD、YYYYMMDD
equalTo：與某一欄位值相同
minValue：最小字元長度
maxValue：最大字元長度
rangeValue：字元長度區間長度
minLength：最小字元長度(漢字算一個字符)
maxLength：最大字元長度(漢字算一個字符)
rangeLength：字元長度區間長度(漢字算一個字符)

5.修改提示詞
開啟js/jquery.validate.js ，找到257行底下就是所有錯誤的提示訊息