文本框失去焦点的时候进行ajax 验证 10
<input type="text" name="mail" id="mail" onblur=“mailBlur()”/>
在js中
function mailBlur(){
求补充,完善这部分,以及ajax请求部分
} 展开
通过给文本框绑定onblur事件,事件发生执行提交ajax验证的函数。
onbluer事件 定义和用法
onblur 事件会在对象失去焦点时发生。
语法
onblur="SomeJavaScriptCode"
支持该事件的 HTML 标签:
支持该事件的 JavaScript 对象:
实例
在本例中,我们将在用户离开输入框时执行 JavaScript 代码:
<html><head><script type="text/javascript">function upperCase(){var x=document.getElementById("fname").valuedocument.getElementById("fname").value=x.toUpperCase()}</script></head><body>输入您的姓名:<input type="text" id="fname" onblur="upperCase()" /></body></html>
var Email = $("#mail").val();
//ajax开始
$.ajax({
type: "Post",//请求形式
url: "Ajax/LoginRegister.ashx",//处理文件路径
data: {
op: "2",//判断调用处理文件中的那个方法
Email : Email //需要传递的参数
},
cache: false,
async: false,//是否异步
dataType: "html",//返回的数据类型
success: function (data) {
if (data > 1) {
$("#spIsEmail").html("* 该邮箱已被注册!");
return false;
}
else {
$("#spIsEmail").html("√");
}
},
error: function () {
alert('数据繁忙,请稍后!');
}
})//end ajax
data中参数 op补充
一个处理文件中可以写多个方法,为了有效的识别调取那个方法就衍生了op这个参数。
需要在处理文件中做以下处理
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
string operate = Request.QueryString["op"];//取出参数
string returnString = ""; //返回的字符串
switch (operate)
{
case "0":
returnString = CheckEmailIsOk(); // 验证邮箱与用户是否匹配
break;
case "1":
returnString = 方法名称(); //第二个方法
break;
case "2":
returnString = 方法名称); // 第三个方法
break;
}
context.Response.Write(returnString);
context.Response.End();
}
求个联系方式吧, 我还没弄出来, 到家后给你发我的代码,求了,
function ajax(object){
var url = object.url || "";
if(!url) return;
var method = object.method || "GET";
var data = object.data || null;
var handler = object.handler || function(){};
var xmlHttp;
var data;
if(window.XMLHttpRequest){
xmlHttp = new window.XMLHttpRequest();
}else if(window.ActiveXObject){
xmlHttp = new window.ActiveXObject("Microsoft.XMLHTTP");
}
xmlHttp.open(method,url,true);
xmlHttp.send(data);
xmlHttp.onreadystatechange = function(){
if(xmlHttp.readyState == 4){
if(xmlHttp.status ==0 || xmlHttp.status == 200){
if(xmlHttp.responseXML){
data = xmlHttp.responseXML;
}else{
if(window.JSON&&window.JSON.parse){
data = window.JSON.parse(xmlHttp.responseText);
}else{
data = eval("("+xmlHttp.responseText+")")
}
}
handler(data);
}else{
showMsg("系统繁忙,请稍后再试。");
}
}
}
}
调用此方法就可以!传入请求路径,自己处理回调函数!全部是自己手写!原始的ajax请求,望采纳!
我看你<input type="text" name="mail" id="mail" onblur=“mailBlur()”/>
这里的括号好像是中文的哦:
onblur="mailBlur()"