简单自定义实现jQuery验证

分两种情况验证，一是直接使用本地验证，二是ajax到服务器验证。

我现在需要验证：用户名，邮箱，电话 三个input(text)，用户名、电话号码只需要本地验证格式，只要匹配给定的正则表达式即可，而邮箱首先在本地验证格式，符合格式则ajax到服务器验证是否已被注册，如果被注册了则不能通过验证。

对于每个input后面跟随三种状态，分别表示验证通过、验证未通过、正在提交服务器验证，当未通过验证时，还出示提示信息。

首先设计服务器端的邮箱验证，这里使用.ashx 文件。

<%@ WebHandler Language="C#" Class="validateEmail" %>

using System;
using System.Web;
using System.Data.SqlClient;

}

接下来实现客户端的html，添加对JQuery的引用

js脚本代码：

    //给定需要验证的input添加 needValidate='true' 的属性对，然后选择他们，添加blur的事件函数。
    $("input[needValidate='true']").blur(function()
}

html须验证的表单代码：

<li><label for="your_name">你的姓名：</label>
    <input name="your_name" id="your_name" type="text" needValidate="true" value="" /><span id="your_name_img"></span><div id="your_name_error"></div></li>
<li><label for="your_email">你的邮箱：</label>
    <input name="your_email" id="your_email" type="text" needValidate="true" value="" /><span id="your_email_img"></span><div id="your_email_error"></div></li>
<li><label for="your_tel">你的电话：</label>
    <input name="your_tel" id="your_tel" type="text" needValidate="true" value="" /><span id="your_tel_img"></span><div id="your_tel_error"></div></li>
<li><label for="comment">相关信息：</label>
    <input id="comment" name="comment" type="text" value="" /></li>

以下为javascript正则表达式的参考：
http://www.ccvita.com/index.php/61.html
http://www.cnblogs.com/westlake/articles/388873.html