解析简单自定义实现jQuery验证_AJAX教程

推荐：如何使用 jQuery(Ajax)/PHP/MySQL实现自动完成功能
使用 jQuery(Ajax)/PHP/MySQL实现自动完成功能 一如往常，demo和源码的zip包在文章最后，慢慢欣赏吧！ 我觉得我有必要写这个教程，因为曾经见到的大部分关于自动完成的应用程序都只是给你一个程序源码包，然后告诉你怎么使用，而不是告诉你它是如何工作的以

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

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

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

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

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

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

public class validateEmail : IHttpHandler {

public void ProcessRequest (HttpContext context) {

if (context.Request.QueryString.Count != 0)
{
string email = context.Request.QueryString[0].Trim();
context.Response.ContentType = "text/plain";
SqlConnection conn = new SqlConnection("Server=localhost;User Id=sa;Password=;Database=XXX");
SqlCommand sqlCmd = new SqlCommand("select count(*) from Clients where email=@email", conn);
sqlCmd.Parameters.AddWithValue("@email", email);

try
{
conn.Open();
int result = (int)sqlCmd.ExecuteScalar();
context.Response.Write("{message:'"+result.ToString()+"'}"); //输出为JSON格式
}
finally
{
conn.Close();
}
}

}

public bool IsReusable {
get {
return false;
}
}

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

js脚本代码：
//给定需要验证的input添加 needValidate='true' 的属性对，然后选择他们，添加blur的事件函数。
("input[needValidate='true']").blur(function()
{
if(requireField(this))//首先客户端验证
{
if(this.id == 'your_email')//如果是邮件则还进行ajax服务器端验证
{
('#email_img').html("<img src='loading.gif' />");
.getJSON("validateEmail.ashx",{email:this.value},processValidateEmail);//getJSON获取服务器端的验证结果
}
else
{
('#'+this.id+'_img').html("<img src='accept.gif' />");
('#'+this.id+'_error').html("");
}
}
}
)

分享：轻量级的Ajax解决方案——DynAjax:直接在客户端调用C#类的方法
前言： MS Ajax我在以前一个项目中使用过，感觉太笨重了，速度比较慢，而且出了问题，很难控制。所以我一直想用一个可控制的替代框架。 客户端JS框架肯定首推JQuery，优雅简洁的代码，完美的支持表现和逻辑分离，让人一见倾心。 服务器端框架我找了一些，国内