正则表达式验证注册页面

最新推荐文章于 2022-03-31 16:32:00 发布
最新推荐文章于 2022-03-31 16:32:00 发布
阅读量1.9k 收藏 5
点赞数 4
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Shi_Yuan_Csdn/article/details/82152646
版权 
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        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;
        }
    </style>
</head>
<body>
<table class="main" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td><img src="images/logo.jpg" width="150" height="57" alt="logo"/><img src="images/banner.jpg" width="375"
                                                                                height="57" alt="banner"/></td>
    </tr>
    <tr>
        <td class="hr_1">新用户注册</td>
    </tr>
    <tr>
        <td style="height:10px;"></td>
    </tr>
    <form action="Success.html" method="post" name="myform" οnsubmit="return checkall()">
        <tr>
            <td>
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td class="left">用户名：</td>
                        <td class="center"><input id="user" type="text" class="inputClass" οnblur="checkuser()"/></td>
                        <td>
                            <div id="user_prompt">用户名由4-16位字符组成，不能包含数字</div>
                        </td>
                    </tr>
                    <tr>
                        <td class="left">密码：</td>
                        <td class="center"><input id="pwd" type="password" class="inputClass" οnblur="checkpwd()"/></td>
                        <td>
                            <div id="pwd_prompt">密码由4-10位字符组成</div>
                        </td>
                    </tr>
                    <tr>
                        <td class="left">确认密码：</td>
                        <td class="center"><input id="repwd" type="password" class="inputClass" οnblur="checkrepwd()"/>
                        </td>
                        <td>
                            <div id="repwd_prompt">再次输入密码</div>
                        </td>
                    </tr>
                    <tr>
                        <td class="left">电子邮箱：</td>
                        <td class="center"><input id="email" type="text" class="inputClass" οnblur="checkemail()"/></td>
                        <td>
                            <div id="email_prompt">邮箱格式示例：web@163.com</div>
                        </td>
                    </tr>
                    <tr>
                        <td class="left">手机号码：</td>
                        <td class="center"><input id="mobile" type="text" class="inputClass" οnblur="checkmobile()"/>
                        </td>
                        <td>
                            <div id="mobile_prompt">由1开头的11位数</div>
                        </td>
                    </tr>
                    <tr>
                        <td class="left">出生日期：</td>
                        <td class="center"><input id="birth" type="text" class="inputClass" οnblur="checkbirth()"/></td>
                        <td>
                            <div id="birth_prompt">请按xxxx-xx-xx输入出生日期</div>
                        </td>
                    </tr>
                    <tr>
                        <td class="left">&nbsp;</td>
                        <td class="center"><input name="" type="image" src="images/register.jpg"/></td>
                        <td>&nbsp;</td>
                    </tr>
                </table>
            </td>
        </tr>
    </form>
</table>
</body>
<script type="text/javascript">
    //返回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;
        }
    }
</script>
</html>
Shi_Yuan_Csdn
关注
  • 4
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
正则表达式案例（登录注册）
qq_65316680的博客
08-16 1483
正则表达式 判断 账号 密码的正确
【正则表达式】用户注册界面设计
xjh15053412243的博客
02-07 1115
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>用户注册</title> <style> * { margin: 0; padding: 0; background-color: #cecbcb; }...
注册页面常用的正则表达式
09-22
//IP地址(***.***.***.***) //邮件(***@***.**) //日期(****-**-**) //邮政编码 //电话号码 //手机号码 //时间(**:**:**) //数字
注册验证（正则表达式）
wgh799950019的博客
05-07 606
function na(){ var s=document.getElementById("tex").value; var x=/^[a-zA-Z][\w]{3,16}$/; if(x.test(s)==true){//     document.getElementById("n").innerHTML="正确"; }else{     document.getElementByI...
注册正则表达式的运用
sunstubble的博客
02-26 758
HTML代码: 沈阳科技局-注册页面 沈阳市中小微企业科技服务平台|注册 已有注册账号，请登录
Java使用正则表达式对注册页面进行验证功能实现
10-21
在构建一个注册页面时，通过正则表达式验证用户输入的数据是非常常见的做法。本文将介绍如何在Java中使用正则表达式来验证注册页面的用户名和密码是否符合要求。 首先，我们需要了解正则表达式的基本语法。正则...
jQuery正则验证注册页面经典实例
10-19
在本文中，我们将详细介绍如何使用jQuery和正则表达式来验证注册页面的几个关键字段，包括用户名、密码、电子邮箱、手机号以及生日等。通过实例，我们可以掌握每种验证的技巧和方法。 首先，对于用户名的验证，正则...
JavaScript正则表达式验证登录实例
10-15
下面详细解释正则表达式验证登录中所涉及的知识点： 1. **非空验证**：对于账号和密码输入字段，首先检查它们是否为空。如果为空，会弹出警告，并要求用户填写。 2. **账号格式验证**：账号被规定为6到11位的数字...
js正则表达式注册页面表单验证
10-21
使用正则表达式验证身份证号码可以确保用户输入的是有效的身份证号码。 2. 真实姓名验证： 真实姓名通常只包含中文字符，不包括数字和特殊字符。通过正则表达式可以限制输入只允许中文字符。 3. 用户名（ID）验证...
正则表达式进行注册验证
qq_35168386的博客
03-08 1262
window.onload=function(){ var aInput=document.getElementsByTagName('input'); var oneInput=document.getElementById('userName'); var twoInput=document.getElementById('password'); var thr
js登陆验证与注册验证，正则表达式
01-13
基本的一些登陆注册验证，如：长度验证、数字验证、非空、字母等
html5注册的正则表达,正则表达式-创建正则表达式
weixin_26736139的博客
05-31 438
正则表达式就是一个字符模式。和String对象类似，在JavaScript中正则表达式也是一个对象，它主要用于字符串的模式匹配。创建正则表达式有两种方式：隐式创建(文字量方法)和显示创建(使用构造函数)。隐式创建正则表达式使用隐式方法创建正则表达式的方法为：将文字量的正则表达式赋值给一个变量。正则表达式是包含在两个斜杠之间的一个或多个字符，在后一个斜杠的后面，可以指定一个或多个选项。隐式创建正则表...
注册 正则 php,php用户注册信息验证正则表达式，用户注册正则表达式_PHP教程
weixin_42350163的博客
04-02 262
php用户注册信息验证正则表达式，用户注册正则表达式下面这个正则验证用户名的方法原则是这样的用户名必须是由字母带数字带定划线组成了,下面一起来看看例子吧.1.检查用户名是否符合规定“两位以上的字母,数字,或者下划线”，代码如下:/*** 检查用户名是否符合规定** @param STRING $username 要检查的用户名* @return TRUE or FALSE*/function is...
JavaScript验证正则表达式大全
为天加朵云...
08-01 853
JavaScript验证正则表达式大全,搜集最全的JavaScript验证正则表达式,开始查看吧，这里的都是正则表达式的例子，具体和函数结合的使用方法，还请查看下篇文章《JavaScript使用正则表达式进行验证》匹配中文字符的正则表达式： [u4e00-u9fa5]评注：匹配中文还真是个头疼的事，有了这个表达式就好办了匹配双字节字符(包括汉字在内)：[^x00-xff]评
用正则表达式完成简单的注册功能
m0_56991207的博客
03-31 2234
几乎所有网站都要求登录之前注册，那么前端如何验证注册信息，用的最多的肯定是正则。演示一个用正则完成简单的注册功能。
注册登录模块常用的正则表达式
gooodi的博客
01-15 615
邮箱验证: let regExp = /^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/; 简洁: .*@.*\..* 密码 (长度为为8~32) : let regExp = /^[a-z0-9A-Z_~!@#$^&*,.]{8,32}$/; 验证密码只能包含字母数字以及!@#$%^&...
应用正则表达式验证用户注册信息(上)
Sean's Technology Blog
08-27 4646
首先建立一个javascript文件，包函以下正则表达式判断函数： function checkregtel(regtel){ //验证手机号码 var str=regtel; //参数传递手机号码变量 var Expression=/^13(
android之邮箱注册正则表达式
weixin_34192732的博客
12-12 117
2019独角兽企业重金招聘Python工程师标准>>> ...
JSP用户注册的正则表达式
http://kingim.cn/
03-27 4897
/* private String username; 用户名不能为空，并且要是3-8的字符 abcdABcd private String password; 密码不能为空，并且要是3-8的数字 private String password2; 两次密码要一致 private String email; 可以为空，不为空要是一个合法的邮箱 private String b
使用正则表达式验证注册页面
最新发布
06-12
好的，可以的。您需要验证哪些信息呢？一般来说，注册页面需要验证用户输入的用户名、电子邮件地址、密码等信息。以下是使用正则表达式验证这些信息的示例： 1. 验证用户名：用户名只能由字母、数字和下划线组成，长度为 4 到 16 个字符。 ``` /^[a-zA-Z0-9_]{4,16}$/ ``` 2. 验证电子邮件地址：电子邮件地址必须包含一个 "@" 符号和一个 "." 符号，且它们之间必须有字符。 ``` /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/ ``` 3. 验证密码：密码必须由至少 8 个字符组成，其中必须包含至少一个大写字母、一个小写字母、一个数字和一个特殊字符。 ``` /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/ ``` 以上是三个常见的验证示例，您可以根据自己的需求进行修改。希望能帮到您。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值