用ajax进行部门的验证,jQuery使用$.ajax进行即时验证实例详解

本文实例讲述了jQuery使用$.ajax进行即时验证的方法。分享给大家供大家参考，具体如下：

这里实现使用jQuery和一般处理程序即时验证用户录入的学号是否重复，当光标离开输入框即给出提示。

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

.clsShow

{

font-size: 13px;

border: solid 1px #cc3300;

padding: 2px;

display: none;

margin-bottom: 5px;

background-color: #ffe0a3;

}

$(function () {

$("#btnSave").click(function () {

if ($(".clsShow").html().toString() != "")//存在提示信息，则不允许提交表单

return false;

else

return true;

});

$("#txtNum").focus(); //输入焦点

$("#txtNum").keydown(function (event) {

if (event.which == "13") {//回车键,移动光标到密码框

$("#txtName").focus();

$("#txtNum").trigger("blur");

}

});

$("#txtNum").blur(function () {

//获取学号

var strTxtName = encodeURI($("#txtNum").val());

//开始发送数据

$.ajax

({ //请求验证学号是否重复

url: "Check.ashx",

type: "post",

//传送请求数据

data: { txtNum: strTxtName },

success: function (strValue) { //登录成功后返回的数据

//根据返回值进行状态显示

if (strValue == "True") {//注意是True,不是true

$(".clsShow").css("display", "inline");

$(".clsShow").html("学号已存在，请修改！");

}

else {

$(".clsShow").hide(); //就是把display属性变成none

$(".clsShow").html("");

}

}

})

})

})

学号:

ID="txtNum" runat="server">

ControlToValidate="txtNum" ErrorMessage="不能为空">

姓名:

ControlToValidate="txtName" ErrorMessage="不能为空">

数学:

ID="txtMath" runat="server">

ControlToValidate="txtMath" ErrorMessage="不能为空">

ControlToValidate="txtMath" ErrorMessage="分数在0-100之间" MaximumValue="100"

MinimumValue="0" Type="Integer">

英语:

ControlToValidate="txtEnglish" ErrorMessage="不能为空">

ControlToValidate="txtEnglish" ErrorMessage="分数在0-100之间" MaximumValue="100"

MinimumValue="0" Type="Integer">

语文:

ControlToValidate="txtChinese" ErrorMessage="不能为空">

ControlToValidate="txtChinese" ErrorMessage="分数在0-100之间" MaximumValue="100"

MinimumValue="0" Type="Integer">

οnclick="btnBack_Click" />

一般处理程序Check.ashx代码：

using System;

using System.Web;

public class Check : IHttpHandler {

public void ProcessRequest (HttpContext context) {

context.Response.ContentType = "text/plain";

string num = context.Request["txtNum"].ToString();

bool result = false;

if(num=="12")//为了简化代码，没有访问数据库。实际项目应查询数据库。

{

result = true;

}

context.Response.Write(result);

}

public bool IsReusable {

get {

return false;

}

}

}

希望本文所述对大家jQuery程序设计有所帮助。