JQuery中ajax异步验证表单简单实例

function emailb(){
var email = $("#email").val();
if(email==""){
$("#inf_email").replaceWith('
Email地址不能为空');
}
else{
$.post("/index.php/Index/checkEmail2",{"email":email,"randnum":Math.random()+''},function

(res){
if(res=='1'){
$("#inf_email").replaceWith('
可以使用');
}
else{
$("#inf_email").replaceWith('
'+res+'');
}
});
}
}

var p = new prompts();
$('#username').blur(function(){
var username = $('#username').val();    //获取表单值
if(username == ''){
p.p('#user_prompt','p1','p2 p3','大小写英文字母、汉字、数字、下划线组成的长度 3-12 个字节以

内');                c_user = '';
}else if(username.length < 3){
p.p('#user_prompt','p2','p1 p3','用户名长度错误！');
c_user = '';
}else if(!validate.username(username)){
p.p('#user_prompt','p2','p1 p3','此用户名不合法。');
c_user = '';
}else{
//判断用户名是否存在 ajax 基于jQuery
$.get("chk_username.php",{username:$('#username').val()
},function(data,textStatus){
if(data.indexOf('true') != -1){
p.p('#user_prompt','p3','p1 p2','恭喜您，您可以使用这个用户名注册！');
c_user = 'yes';
}else{
p.p('#user_prompt','p2','p1 p3','该用户名已经被注册，请选用其他用户名。');
c_user = '';
}
})
}
chkreg();//每一次鼠标离开都验证一下。
function chkreg(){
if(c_user == 'yes' && c_pwd1 == 'yes' && c_pwd2 == 'yes' && c_email == 'yes' && c_checkcode

== 'yes'){
flag = true;
}else{ flag = false;}
}