jQuery正则验证注册页面经典实例
程序员文章站
2024-01-07 22:46:22
本文实例讲述了jquery正则验证注册页面功能。分享给大家供大家参考,具体如下:
本文实例讲述了jquery正则验证注册页面功能。分享给大家供大家参考,具体如下:
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>正则验证注册页面</title> <style type="text/css"> .red{ color:#cc0000; font-weight:bold; } </style> <script type="text/javascript" src="js/jquery-1.8.3.js"></script> <script language="javascript"> 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; } </script> </head> <body> <table class="main" border="0" callpadding="0" cellspacing="0"> <tr> <td><img src="images/logo.jpg" alt="logo"><img src="images/banner.jpg" alt="banner"></td> </tr> <tr> <td class="hr_1">新用户注册</td> </tr> <tr> <td style="height: 10px;"></td> </tr> <form action="" method="post" name="myform"> <tr> <td><table> <tr> <td class="left">用户名:</td> <td class="center"><input type="text" id="user" class="in" onblur="checkuser()"></td> <td><div id="user_prompt">用户名由英文字母和数字组成-4到16位字符,以字母开头</div></td> </tr> <tr> <td class="left">密码:</td> <td class="center"><input type="password" id="pwd" class="in" onblur="checkpwd()"></td> <td><div id="pwd_prompt">密码由英文字母和数字组成的4-10位字符</div></td> </tr> <tr> <td class="left">确认密码:</td> <td class="center"><input type="password" id="repwd" class="in" onblur="checkrepwd()"></td> <td><div id="repwd_prompt"></div></td> </tr> <tr> <td class="left">电子邮箱:</td> <td class="center"><input type="text" id="email" class="in" onblur="checkemail()"></td> <td><div id="email_prompt"></div></td> </tr> <tr> <td class="left">手机号码:</td> <td class="center"><input type="text" id="mobile" class="in" onblur="checkmobile()"></td> <td><div id="mobile_prompt"></div></td> </tr> <tr> <td class="left">生日:</td> <td class="center"><input type="text " id="birth" class="in" onblur="checkbirth()"></td> <td><div id="birth_prompt"></div></td> </tr> <tr> <td class="left"> </td> <td class="center"><input name="" type="image" src="images/register.jpg" /></td> <td> </td> </tr> </table> </td> </tr> </form> </table> </body> </html>
ps:这里再为大家提供2款非常方便的正则表达式工具供大家参考使用:
javascript正则表达式在线测试工具:
正则表达式在线生成工具:
更多关于jquery相关内容可查看本站专题:《jquery正则表达式用法总结》、《jquery字符串操作技巧总结》、《jquery操作xml技巧总结》、《jquery扩展技巧总结》、《jquery选择器用法总结》及《jquery常用插件及用法总结》
希望本文所述对大家jquery程序设计有所帮助。
上一篇: Error:Duplicate class org.intellij.lang.annotations.Flow found in modules annotations-13.0.jar
下一篇: vue车牌搜索组件使用方法详解
推荐阅读
-
Java使用正则表达式对注册页面进行验证功能实现
-
jQuery正则验证注册页面经典实例
-
用AJAX实现页面登陆以及注册用户名验证的简单实例
-
使用jQuery validate 验证注册表单实例演示_jquery
-
ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能_jquery
-
php用户注册页面利用js进行表单验证具体实例
-
利用jquery正则表达式在页面验证url网址输入是否正确
-
JQuery验证jsp页面属性是否为空(实例代码)
-
用AJAX实现页面登陆以及注册用户名验证的简单实例
-
jquery中邮箱地址 URL网站地址正则验证实例代码