【正则表达式】用户注册界面设计

iAsmoday

已于 2022-02-08 19:59:08 修改

阅读量1.1k

点赞数 2

分类专栏： HTML案例文章标签： css html javascript

于 2022-02-07 19:58:06 首次发布

本文链接：https://blog.csdn.net/xjh15053412243/article/details/122813884

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            background-color: #cecbcb;
        }
        div {
            width: 600px;
            margin: auto;
        }
        span {
            color: #76151d;
        }
        table {
            margin-top: 36px;
        }
        td {
            padding: 12px;
        }
        input {
            width: 150px;
            height: 24px;
            border-radius: 3px;
        }
        button {
            width: 90px;
            height: 30px;
            border-radius: 5px;
            background-color: #54b454;
        }
    </style>
    <script>
        //1.验证用户名 6~10位字母、数字，第一位必须是字母
        function checkUsername(id,infoId) {
            var reg = /^[a-zA-Z][a-zA-Z0-9]{5,9}$/
            var username = document.getElementById(id).value;
            if (!reg.test(username)) {
                setInfo(infoId,'用户名为6~10位字母/数字,首位是字母')
                return false
            }
            return true
        }
        //2.验证密码 6~10位数字
        function checkPassword(id,infoId) {
            var reg = /^[0-9]{6,10}$/
            var password = document.getElementById(id).value;
            if (!reg.test(password)) {
                setInfo(infoId,'密码为

最低0.47元/天解锁文章

iAsmoday

关注

2
点赞
踩
11

收藏

觉得还不错? 一键收藏
0
评论
【正则表达式】用户注册界面设计

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>用户注册</title> <style> * { margin: 0; padding: 0; background-color: #cecbcb; }...
复制链接

扫一扫

专栏目录