html正则用户名密码,jQuery正则验证注册页面经典实例

本文实例讲述了jQuery正则验证注册页面功能。分享给大家供大家参考，具体如下：

正则验证注册页面

.red{

color:#cc0000;

font-weight:bold;

}

function $(elementId){

return document.getElementById(elementId).value;

}

function divId(elementId){

return document.getElementById(elementId);

}

// 用户名验证

function checkUser(){

var user = $("user");

var userId = divId("user_prompt");

userId.innerHTML="";

var reg=/^[a-zA-Z][a-zA-Z0-9]{3,15}$/;

if(reg.test(user)==false){

userId.innerHTML="用户名不正确";

return false;

}

return true;

}

// password check

function checkPwd(){

var pwd = $("pwd");

var pwdId = divId("pwd_prompt");

pwdId.innerHTML="";

var reg = /^[a-zA-Z0-9]{4,10}$/;

if(reg.test(pwd)==false){

pwdId.innerHTML = "密码不能含有非法字符，长度在4-10之间";

return false;

}

return true;

}

function checkRepwd(){

var repwd = $("repwd");

var pwd = $("pwd");

var repwdId = divId("repwd_prompt");

repwdId.innerHTML=""

if(pwd!=repwd){

repwdId.innerHTML="两次密码不一致";

return false;

}

return true;

}

// 邮箱验证

function checkEmail(){

var email = $("email");

var email_prompt = divId("email_prompt");

email_prompt.innerHTML="";

var reg = /^\w+@\w+(\.[a-zA-Z]{2,3}){1,2}$/;

if(reg.test(email)==false){

email_prompt.innerHTML="Email格式不对，请输入正确email";

return false;

}

return true;

}

// 手机号验证

function checkMobile() {

var mobile = $("mobile");

var mobileId = divId("mobile_prompt");

mobileId.innerHTML="";

var reMobile = /^1\d{10}$/;

if (reMobile.test(mobile)==false){

mobileId.innerHTML="手机号输入有误";

return false;

}

return true;

}

// 生日验证

function checkBirth(){

var birth = $("birth");

var birthId = divId("birth_prompt");

birthId.innerHTML="";

var reg = /^((19\d{2})|(200\d))-(0?[1-9]|1[0-2])-(0?[1-9]|[1-2]\d|3[0-1])$/;

if(reg.test(birth)==false){

birthId.innerHTML="生日格式不对";

return false;

}

return true;

}

新用户注册

用户名： 用户名由英文字母和数字组成-4到16位字符，以字母开头 密码： 密码由英文字母和数字组成的4-10位字符 确认密码： 电子邮箱： 手机号码： 生日：

PS：这里再为大家提供2款非常方便的正则表达式工具供大家参考使用：

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