2021-06-30 给登录框设置正则条件

最新推荐文章于 2023-07-04 16:09:17 发布
最新推荐文章于 2023-07-04 16:09:17 发布
阅读量104 收藏
点赞数
分类专栏： js 文章标签： 正则表达式 登录注册 js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/rowlet/article/details/118310971
版权
本文介绍如何利用JavaScript实现登录框的正则验证，当输入符合正则条件时显示正确信息，否则提示错误。
摘要由CSDN通过智能技术生成
思路

若正则test条件为true则显示正确语句,否则显示出错误语句

代码
html
用户名:<input type="text" placeholder="用户名/邮箱/QQ号/手机号">
<span></span>
<br> 密&nbsp;&nbsp;码:
<input type="password">
<span></span
最低0.47元/天 解锁文章
前端OnTheRun
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
登录框正则表达式
一片涟漪
08-04 266
用户名： 只含有汉字、数字、字母、下划线不能以下划线开头和结尾 /^(?!_)(?!.*?_$)[a-zA-Z0-9_\u4e00-\u9fa5]+$/ ^ 与字符串开始的地方匹配 (?!_)　　不能以_开头 (?!.*?_$)　　不能以_结尾 [a-zA-Z0-9_\u4e00-\u9fa5]+　　至少一个汉字、数字、字母、下划线 $　　与字符串结束的地方匹配 密码： 含有6~10位由数字和26个英文字母混合而成的密码 /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6
使用正则表达式写登录注册
LAN_victory的博客
05-11 748
【代码】使用正则表达式写登录注册。
input框正则限制的各种写法（部分）
coldriversnow的专栏
07-04 1655
【代码】input框正则限制的各种写法（部分）
制作一个登录页面，运用正则表达式编写校验功能：要求输入的用户名和密码不能为空，用户名8位以上的字母组成，密码6位数字。
aigo_2021的博客
05-05 4160
制作一个登录页面，运用正则表达式编写校验功能：要求输入的用户名和密码不能为空，用户名8位以上的字母组成，密码6位数字。 代码展示： <!doctype html> <html lang="en"> <head> <title>Document</title> <script> function loginOnclick(){ var username=document.getElementById("userna.
登录注册账号密码的正则表达式
qq_39636838的博客
12-27 1万+
public class StringUtils { public static boolean checkUsername(String username){ if (username == null){ return false; } return username.matches("^[a-zA-Z]\\w&
iOS App开发中Objective-C使用正则表达式进行匹配的方法
09-02
例如，如果要在字符串中查找所有以句点`.`结尾的子串，可以设置相应的正则表达式并调用该方法。 3. **使用NSRegularExpression类** `NSRegularExpression`是Foundation框架中专门处理正则表达式的类。通过`...
数据回归-基于1-正则化的分位数回归及Wasserstein距离下分布的Bernstein逼近.pdf
06-25
本文利用Bernstein逼近的方法，先给出了分布逆函数Li pschitz连续条件下的逼近的概率估计；然后引入广义逆和前人关于均匀分布的逼近结论，将结果推广到了分布逆函数不需要连续而只需要有界的一般的概率分布情况。 ...
 超K-代数上的模糊正则商结构
01-30
根据文件标题“超K-代数上的模糊正则商结构”，我们可以推断该文档将探讨数学领域中的代数结构，特别是K-代数的一种扩展。在数学中，K-代数是定义在给定的域K上的代数结构，具有向量空间与多项式环的混合特性。标题...
使用正则限制input框只能输入数字/英文/中文等等
10-26
在网页开发中，为input框设置输入限制是常见的需求之一，使用正则表达式是实现这一需求的有效手段。正则表达式是一种强大的文本匹配工具，它可以根据预设的模式匹配字符串，实现对用户输入内容的校验。本文将详细...
最全前端正则验证登陆注册
m0_46631321的博客
12-10 729
最全前端正则验证登陆注册 提示：正则表达式验证注册信息 提示：写得菜，勿喷 文章目录最全前端正则验证登陆注册前言一、选择图片后实现预览效果？二、使用正则验证1.书写正则验证2.验证函数总结 前言 提示：阅读文章前你需要拥有简单的前端知识 提示：以下是本篇文章正文内容，下面案例可供参考 一、选择图片后实现预览效果？ 代码示例: //html，form自己写 <div> <label>头像：</label> <div class=
简易登录注册界面及正则判断（jQuery）
热门推荐
从零出发
05-27 2万+
登录注册是我们日常项目常见的代码片段，以下粗略的代码供小白参考。一、代码目录index.html---登录注册页面index.js---登录与注册界面切换login.js---登录界面逻辑register.js---注册界面逻辑二、代码分析1、index.html   登录注册界面&lt;!Doctype html&gt; &lt;html lang="en"&gt; &lt;head&gt;...
表单登录正则验证test()
自学前端开发
10-25 796
代码如下: var regPhone = document.getElementById(“regPhone”);//手机号码 var regPassword = document.getElementById(“regPassword”);//密码 var textPhone = document.getElementById(“textPhone”);//手机号码文本提示框 var textPassword = document.g
Input常用的输入框验证(正则)
qq_41040268的博客
03-05 4629
Input常用的输入框验证(正则) 2016年10月19日 15:27:24ExtraordinaryLife阅读数：25879标签：Input常用的验证正则表达式验证更多 个人分类：非计算机专业从零学java 版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/Extraordinarylife/article/details/52...
注册登录——前端、后台验证(正则表达式)
Rick的修仙路
09-27 1万+
注册 界面如图 前端验证html页面代码 <form id="form_reg"> <div> <input type="text" id="account" name="account" placeholder="请输入邮箱" />
2021-08-23 nodejs中设置cookie的步骤
GAARA
08-23 2403
1.安装cookie-parser: 命令:npm install cookie-parser --save 2.引入 var express = require("express"); var cookieParser = require("cookie-parser"); var app = new express(); 3.设置中间件 app.use(cookieParser()); 设置和读取cookie app.get('/', function(req, res) { console
2023-04-14 使用纯JS实现一个2048小游戏
GAARA
04-14 2113
一.实现思路 1.2048的逻辑 2.移动操作的过程中会有三种情况 二.代码部分:分为初始化部分和移动部分 1.初始化部分 1.1.生成第一个方块: 1.2.生成第二个方块: 2.移动过程部分: 三.实现代码 1.HTML部分 2.CSS部分 3.JS部分 3.1.game对象的属性 3.2.game对象的start方法 3.3.game对象的randomNum方法 3.4.game对象的dataView方法 3.5.game对象的isGameOver方法 3.6.game对象中设置移动的方法(以左移动为例
2023-01-26 JS设计模式-单例模式:单例模式的原理和实现,懒汉模式和饿汉模式,单例模式实现登录框
GAARA
01-26 995
1.什么是单例模式? 介绍 单例模式是最简单的设计模式之一,属于创建型模式,单例模式提供了一种创建对象的最佳方式 特点 -单例模式的类(单例类)只有一个实例对象 这个单例对象必须由单例类创建 单例类对外提供一个访问这个单例的全局访问点 结构 单例类:包含一个实例且能自行创建这个实例的类 访问类:使用单例的类 2.如何实现一个单例模式? 思路 通过单例模式的特点:一个类只有一个实例, 先判断实例存在与否, 若存在,则直接返回 若不存在,则创建了再返回 *在JS中单例作为一个命名空间提供者,从全局命名空
vue v-if 正则表达式
最新发布
01-17
在Vue.js中，你可以使用v-if指令结合正则表达式来根据条件来显示或隐藏元素。下面是一个示例： ```html <input type="text" v-model="inputText"> <p v-if="inputText.match(/^[0-9]+$/)">输入的是数字 <p v-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端OnTheRun

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值