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

已于 2022-02-08 19:59:08 修改
阅读量1k 收藏 11
点赞数 1
分类专栏： HTML案例 文章标签： css html javascript
于 2022-02-07 19:58:06 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：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.getElemen
最低0.47元/天 解锁文章
iAsmoday
关注
  • 1
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
用正则表达式实现的登陆注册页面
qq_45743129的博客
10-29 6874
动图展示： 所有代码展示 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body style="background-color: beige"> 用户名：...
管理系统表达式配置页面及js
凌轻语的博客
09-21 3741
 开发管理系统，碰到了需要配置表达式的地方。花了半天的时间把自己写的整理了一下。页面的效果是下图。 1.生成表达式        页面是有多个table块嵌套而成的。在拼接表达式的时候可以使用回调，具体的方法实现如下： function doaddCondition(tableId){ var expression = ''; var spanId = $("#"+tab...
注册页面常用的正则表达式
09-22
//IP地址(***.***.***.***) //邮件(***@***.**) //日期(****-**-**) //邮政编码 //电话号码 //手机号码 //时间(**:**:**) //数字
基于html注册设计（正则表达式校验）
qq_45171581的博客
03-06 952
基于html注册设计（正则表达式校验） 一、原示例代码 主界面部分代码 （注册成功后，3秒左右跳转到注册界面） <!DOCTYPE html> <!--设置语言为中文--> <html lang="zh-CN" xmlns:s="http://www.w3.org/1999/XSL/Transform"> <head> <!--设置字体格式为utf-8--> <meta charset="UTF-8"> <
JavaScript——编写注册页面，使用正则表达式完成相关验证，使用alert弹出
weixin_67658096的博客
09-24 819
js 注册页面 alert弹出警告
利用JavaScript的正则表达式去实现 注册页面的验证（账号，邮箱，手机号，用户名）
weixin_45851575的博客
05-04 5366
利用JavaScript的正则表达式去实现 注册页面的验证（账号，邮箱，手机号，用户名） 先新建一个表单效果如下： Script代码的实现 <script type="text/javascript" > //校验ID function checkID(str) { var ID=/^[0-9]{10}$/;// /^开始的意思 &/关闭的意思 [0-9]查找从0-9的数 花括号{10}一共为十位数 return ID.test(s
使用 spring EL 表达式 完成动态配置（一）
蓝天之枫
09-06 2403
使用 spring EL 表达式 完成动态配置
验证注册页面信息（JavaScript）
weixin_48112113的博客
07-19 1万+
1. 任务要求 1）正则表达式的使用； 2）如何获取表单元素？ 3）函数的应用； 4）掌握String对象的创建； 5）掌握String对象的常用方法； 6）表单验证的方法。 2. 需求说明 根据所给素材制作注册页面，使用JavaScript制作文本提示特效，验证页面数据的有效性，要求如下： （1）使用表单form的onsubmit事件，根据验证函数的返回值是true或false来决定是...
UE 的函数列表之正则表达式配置
Oh_my_God_L_C的博客
03-15 369
使用UE过程中，“函数列表”功能是一个非常好用的定位工具，特别是对于多模块的顶层，更能显示出此工具的好处。
Java学习篇42-EL表达式&过滤器&监听器
Txtechcom的博客
08-01 418
EL表达式、JSTL、Servlet规范中的过滤器(过滤器入门、过滤器细节、过滤器使用案例)、Servlet规范中的8个监听器、监听器的使用、学生管理系统改造(解决乱码问题、检查登录、页面的java代码块和jsp表达式改造、乱码问题过滤器、检查登录过滤器、jsp页面的改造)
Java使用正则表达式对注册页面进行验证功能实现
10-21
本文给大家分享一段有关java使用正则表达式对注册页面进行验证的代码，代码比较简单，非常不错，感兴趣的朋友一起学习吧
javascript使用正则表达式实现注册登入校验
10-14
主要为大家详细介绍了javascript使用正则表达式实现注册登入校验，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
javaweb新浪微博邮箱登录界面，图书周排行榜界面，正则表达式验证用户注册页面前端代码资源包
09-28
包含javaweb新浪微博邮箱登录界面，图书周排行榜界面，正则表达式验证用户注册页面的前端代码及图片资源包，以供学习借鉴
Js基础学习之-- 利用正则表达式验证 模拟注册界面
freesky的专栏
07-27 4287
注册界面 要求：用户名只能是字母或者数字或者下划线，不能以数字开头，用户名长度在6到20之间 密码两次验证必须一致，用户名密码不能为空。 模拟注册 *{margin:0; padding:0; font-size:14px; font-famliy:"微软雅黑"; font-style:normal; } body{backgr
Python (用户登录验证、电子计算器、图书管理系统登录注册页面)
XLB
03-15 980
若用户填写的信息均无误，则弹出如图4所示的对话框。如果用户并未注册过图书管理系统，则会弹出提醒用户先注册的对话框，通过选择对话框中包含的选项按钮可决定是否注册用户，或者可直接单击登录界面的“注册”按钮进入注册窗口。如图所示的电子计算器不仅支持“+”、“-”、“*”、“/”运算，还支持“回退”、“清空”与“退出”功能。当用户输入正确的登录信息，点击“登录”按钮后，程序会弹出一个欢迎用户的对话框，如图2所示。用户填写完个人信息后，点击“确认注册”按钮，会记录用户的信息，并弹出“注册成功”对话框，如图4所示。
网页登录和注册页面常用的正则表达式
weixin_30606669的博客
04-11 495
用户名正则表达式：字母/数字/_@.在内的6-20位 var userName = /^[a-zA-Z0-9_@.]{6-20}$/; 手机号码正则表达式： var reg_mobile = /^0?(1[3-9][0-9])[0-9]{8}$/; 密码正则表达式： var reg_pwd = /^[A-Za-z0-9_@.]{6-20}$/; ...
正则表达式及js校验表单代码（注册页面）
热门推荐
wyxqkkl的博客
08-26 1万+
校验表单             //用户名的规则：第一位是字母，只有由数字与字母组成，6位。     function checkName(){        //获取到了用户名的值        var userName = document.getElementById("username").value;        var userSp
JSP
喜欢藏风里
09-07 358
JSP：入门学习 概念： Java Server Pages： java服务器端页面 可以理解为：一个特殊的页面，其中既可以指定定义html标签，又可以定义java代码 用于简化书写！！！ 原理 JSP本质上就是一个Servlet JSP的脚本：JSP定义Java代码的方式 <% 代码 %>：定义的java代码，在service方法中。service方法中...
CSS实现一个雨滴滑落效果
最新发布
云加速
05-28 1474
这只是一个非常基础的示例，真实的雨滴滑落效果可能需要更复杂的动画和可能的JavaScript交互来实现更逼真的效果，比如雨滴的大小、速度、下落路径的随机性等。如果你想要一个更复杂的动画效果，你可能需要考虑使用SVG、Canvas或者WebGL等技术，并结合JavaScript来实现。使用纯CSS来实现一个真实的雨滴滑落效果可能会有些挑战，因为CSS主要关注于静态样式和简单的动画效果。然而，你可以使用CSS动画和@keyframes来模拟一个雨滴滑落的简化效果。这个示例中的雨滴是一个简单的圆形元素。
js正则表达式注册页面表单验证
06-07
好的，我可以帮你介绍一下使用正则表达式进行注册页面表单验证的方法。 首先，我们需要使用 JavaScript 来实现这个功能。以下是一个基本的表单验证代码示例： ```html <form id="registerForm"> <label for="username">用户名：</label> <input type="text" id="username" name="username"><br> <label for="password">密码：</label> <input type="password" id="password" name="password"><br> <label for="email">邮箱：</label> <input type="email" id="email" name="email"><br> <input type="submit" value="注册"> </form> <script> var form = document.getElementById("registerForm"); form.addEventListener("submit", function(event) { var username = form.username.value; var password = form.password.value; var email = form.email.value; // 在这里添加表单验证的代码 event.preventDefault(); }); </script> ``` 在表单提交事件中，我们获取了三个表单元素的值：用户名、密码、邮箱。接下来，我们可以使用正则表达式对这些值进行验证。 以下是一些常用的正则表达式验证规则： - 用户名：只能包含字母、数字和下划线，长度在 5 到 20 个字符之间。 ```javascript var usernameRegex = /^[a-zA-Z0-9_]{5,20}$/; if (!usernameRegex.test(username)) { alert("用户名格式不正确"); } ``` - 密码：只能包含字母、数字和特殊字符（例如 !@#$%^&*），长度在 6 到 20 个字符之间。 ```javascript var passwordRegex = /^[a-zA-Z0-9!@#$%^&*]{6,20}$/; if (!passwordRegex.test(password)) { alert("密码格式不正确"); } ``` - 邮箱：必须符合邮箱格式。 ```javascript var emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/; if (!emailRegex.test(email)) { alert("邮箱格式不正确"); } ``` 如果验证不通过，我们可以使用 `alert` 或者其他方法提示用户输入格式不正确。如果验证通过，我们可以继续执行表单提交操作。 希望这个示例可以对你有所帮助！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值