php写注册表单验证,php用户注册页面利用js进行表单验证具体实例

用户注册 - 脚本之家

var flag = {

"email":false,

"nickname":false,

"password":false,

"verify":false

};

$(function(){

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

var email=$(this).val();

//alert(email);

if(email==""){

$("#email\\.info").html("Email地址不能为空");

return;

}

var pattern=/\b(^['_A-Za-z0-9-]+(\.['_A-Za-z0-9-]+)*@([A-Za-z0-9-])+(\.[A-Za-z0-9-]+)*((\.[A-Za-z0-9]{2,})|(\.[A-Za-z0-9]{2,}\.[A-Za-z0-9]{2,}))$)\b/;

if(!pattern.test(email)){

$("#email\\.info").html("Email格式不正确");

return;

}

$.get("check_email.php?email="+email,null,

function(data){

$("#email\\.info").html(data);

if (data=="可以注册") {

flag.email=true;

}

}

);

});

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

var nickname=$(this).val();

if(nickname==""){

$("#name\\.info").html("昵称不能为空");

return;

}

var pattern = /\b(^['A-Za-z0-9]{4,20}$)\b/;

if (!pattern.test(nickname)) {

$("#name\\.info").html("昵称格式不正确");

return;

}else{

$("#name\\.info").html("昵称格式正确");

flag.nickname=true;

return;

}

});

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

var password=$(this).val();

if (password=="") {

$("#password\\.info").html("密码不能为空");

return;

}

var pattern = /\b(^['A-Za-z0-9]{4,20}$)\b/;

if (!pattern.test(password)) {

$("#password\\.info").html("密码格式不正确");

return;

}else{

$("#password\\.info").html("密码格式正确");

//flag.password=true;

return;

}

});

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

var password1=$(this).val();

if (password1=="") {

$("#password1\\.info").html("密码不能为空");

return;

}

var pattern = /\b(^['A-Za-z0-9]{4,20}$)\b/;

if (!pattern.test(password1)) {

$("#password1\\.info").html("密码格式不正确");

return;

}else if(password1!=$("#txtPassword").val()){

$("#password1\\.info").html("两次输入的密码不一致");

return;

}else{

$("#password1\\.info").html("重复密码正确");

flag.password=true;

return;

}

});

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

var verify=$(this).val();

if(verify==""){

$("#number\\.info").html("验证码不能为空");

return;

}

$.post("./verify/check.php",{verify:verify},

function(data){

$("#number\\.info").html(data);

if (data=="验证成功") {

flag.verify=true;

}

}

);

})

$("#f").submit(function(){

var ok = flag.email&&flag.password&&flag.verify&&flag.nickname;

if(ok==false){

alert("表单项正在检测或存在错误");

history.back();

return false;

}

return true;

});

})

注册步骤:1.填写信息 > 2.验证邮箱 > 3.注册成功

以下均为必填项

请填写您的Email地址：	请填写有效的Email地址。
设置您在脚本之家的昵称：	由小写英文字母、中文、数字组成，长度4－20个字符，一个汉字为两个字符。
设置密码：	您的密码可以由大小写英文字母、数字组成，长度6－20位。
再次输入您设置的密码：
验证码：	请输入图片中的四个字母。 看不清楚？换个图片