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

复制代码 代码如下:

用户注册 – 脚本之家

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位。

再次输入您设置的密码：

验证码：

请输入图片中的四个字母。

看不清楚？换个图片

www.bkjia.comtrueTechArticle复制代码 代码如下: !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd” html xmlns=”http://www.w3.org/199…