正则表达式与输入框的校验

最新推荐文章于 2022-01-31 10:24:31 发布

灵感大王

最新推荐文章于 2022-01-31 10:24:31 发布

阅读量348

点赞数 1

本文链接：https://blog.csdn.net/weixin_45747732/article/details/102576065

版权

输入框：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<center>
<body>
用户名：<input type="text" id="name" onblur="userName()"/><span id="nameReg"></span><br/>
密码：<input type="text" id="pwd" onblur="userPwd()"/><span id="pwdReg"></span><br/>
确认密码：<input type="text" id="pwd2" onblur="userPwd2()"/><span id="pwd2Reg"></span><br/>
邮箱：<input type="text" id="mailbox" onblur="userMailbox()"/><span id="mailboxReg"></span><br/>
手机号：<input type="text" id="phone" onblur="userPhone()"/><span id="phoneReg"></span><br/>
地址：<input type="text" id="address" onblur="userAddress()"/><span id="addressReg"></span><br/>
<script type="text/javascript">
   
</center>
</body>
</html>

用户名: 大写字母开头 6-20位字符(不允许有符号但是允许有_)

  function userName() {
        var limitierName = /^[A-Z]\w{5,19}$/;
        reg("name", limitierName);
    }

密码:大写开头数字字母符号混合 8-15位

function userPwd() {
        var limitierPwd = /^[A-Z][\w\W]{7,14}$/;
        reg("pwd", limitierPwd);
    }

确认密码:大写开头数字字母符号混合 8-15位

   function userPwd2() {
        var limitierPwd2 = /^[A-Z][\w\W]{7,14}$/;
        reg("pwd2", limitierPwd2);
    }

邮箱:邮箱格式

function userMailbox() {
        var limitierMailbox = /^[A-z0-9]+@[a-z0-9]+.com$/;
        reg("mailbox", limitierMailbox);
    }

手机号:手机号格式

    function userPhone() {
        var limitierPhone = /^(13|15|17|18)\d{9}$/;
        reg("phone", limitierPhone);
    }

    //地址: 中文开头  数字 - 字母 中文混合

   function userAddress() {
        var limitierAddress = /^[\u4e00-\u9fa5][\u4e00-\u9fa5A-Za-z0-9]+$/;
        reg("address", limitierAddress);
    }
</script>

灵感大王

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
正则表达式与输入框的校验

输入框：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><center><body>用户名：<input type="text"...
复制链接

扫一扫