html 注册 用户名 正则,正则表达式验证注册页面

body {

margin: 0;

padding: 0;

font-size: 12px;

line-height: 20px;

}

.main {

width: 525px;

margin-left: auto;

margin-right: auto;

}

.hr_1 {

font-size: 14px;

font-weight: bold;

color: #3275c3;

height: 35px;

border-bottom-width: 2px;

border-bottom-style: solid;

border-bottom-color: #3275c3;

vertical-align: bottom;

padding-left: 12px;

}

.left {

text-align: right;

width: 80px;

height: 25px;

padding-right: 5px;

}

.center {

width: 135px;

}

.inputClass {

width: 130px;

height: 16px;

border: solid 1px #79abea;

}

div {

color: #f00;

}

height="57" alt="banner"/>

新用户注册

用户名： 用户名由4-16位字符组成，不能包含数字 密码： 密码由4-10位字符组成 确认密码： 再次输入密码 电子邮箱： 邮箱格式示例：web@163.com 手机号码： 由1开头的11位数 出生日期： 请按xxxx-xx-xx输入出生日期

//返回id

function $(id) {

return document.getElementById(id);

}

//验证用户名

function checkuser() {

var user = $("user").value;

$("user_prompt").innerHTML = "";

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

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

$("user_prompt").innerHTML = "用户名不合法";

return false;

}else{

return true;

}

}

//验证密码

function checkpwd() {

var pwd = $("pwd").value;

$("pwd_prompt").innerHTML = "";

var reg = /^[A-Za-z0-9]{4,10}$/;

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

$("pwd_prompt").innerHTML = "密码设置不正确";

return false;

}

return true;

}

//验证确认密码

function checkrepwd() {

var pwd = $("pwd").value;

var repwd = $("repwd").value;

if (pwd != repwd) {

$("repwd_prompt").innerHTML = "确认密码与密码不正确";

return false;

}

$("repwd_prompt").innerHTML = "";

return true;

}

//验证邮箱

function checkemail() {

var email = $("email").value;

$("email_prompt").innerHTML = "";

var reg = /^\w+@\w+\.\w+[(com)|(cn)]$/;

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

$("email_prompt").innerHTML = "邮箱格式不合法";

return false;

}

return true;

}

//验证手机

function checkmobile() {

var mobile = $("mobile").value;

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

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

$("mobile_prompt").innerHTML = "手机号码不合法";

return false;

}

$("mobile_prompt").innerHTML = "";

return true;

}

//验证出生日期

function checkbirth() {

var birth = $("birth").value;

$("birth_prompt").innerHTML = "";

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

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

$("birth_prompt").innerHTML = "出生日期不合法";

return false;

}

return true;

}

function checkall() {

if (checkuser() && checkpwd() && checkrepwd() && checkemail() && checkmobile() && checkbirth()){

return true;

} else{

return false;

}

}