好资源导航 » 文章资讯 » jQuery正则验证注册页面经典实例

jQuery正则验证注册页面经典实例

2024-02-20 12:03:02 44

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





正则验证注册页面

.red{
color:#cc0000;
font-weight:bold;
}



function$(elementId){
returndocument.getElementById(elementId).value;
}
functiondivId(elementId){
returndocument.getElementById(elementId);
}
//用户名验证
functioncheckUser(){
varuser=$("user");
varuserId=divId("user_prompt");
userId.innerHTML="";
varreg=/^[a-zA-Z][a-zA-Z0-9]{3,15}$/;
if(reg.test(user)==false){
userId.innerHTML="用户名不正确";
returnfalse;
}
returntrue;
}
//passwordcheck
functioncheckPwd(){
varpwd=$("pwd");
varpwdId=divId("pwd_prompt");
pwdId.innerHTML="";
varreg=/^[a-zA-Z0-9]{4,10}$/;
if(reg.test(pwd)==false){
pwdId.innerHTML="密码不能含有非法字符，长度在4-10之间";
returnfalse;
}
returntrue;
}
functioncheckRepwd(){
varrepwd=$("repwd");
varpwd=$("pwd");
varrepwdId=divId("repwd_prompt");
repwdId.innerHTML=""
if(pwd!=repwd){
repwdId.innerHTML="两次密码不一致";
returnfalse;
}
returntrue;
}
//邮箱验证
functioncheckEmail(){
varemail=$("email");
varemail_prompt=divId("email_prompt");
email_prompt.innerHTML="";
varreg=/^\w+@\w+(\.[a-zA-Z]{2,3}){1,2}$/;
if(reg.test(email)==false){
email_prompt.innerHTML="Email格式不对，请输入正确email";
returnfalse;
}
returntrue;
}
//手机号验证
functioncheckMobile(){
varmobile=$("mobile");
varmobileId=divId("mobile_prompt");
mobileId.innerHTML="";
varreMobile=/^1\d{10}$/;
if(reMobile.test(mobile)==false){
mobileId.innerHTML="手机号输入有误";
returnfalse;
}
returntrue;
}
//生日验证
functioncheckBirth(){
varbirth=$("birth");
varbirthId=divId("birth_prompt");
birthId.innerHTML="";
varreg=/^((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="生日格式不对";
returnfalse;
}
returntrue;
}








新用户注册






用户名：

密码：

确认密码：

电子邮箱：

手机号码：

生日：

 



用户名由英文字母和数字组成-4到16位字符，以字母开头


密码由英文字母和数字组成的4-10位字符

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

JavaScript正则表达式在线测试工具：
http://tools.jb51.net/regex/javascript

正则表达式在线生成工具：
http://tools.jb51.net/regex/create_reg

更多关于jQuery相关内容可查看本站专题：《jQuery正则表达式用法总结》、《jQuery字符串操作技巧总结》、《jQuery操作xml技巧总结》、《jQuery扩展技巧总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》

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

返回顶部
514930285
czq8825@qq.com

jQuery正则验证注册页面经典实例

热门推荐

随机推荐