注册前后端php的检测
首先,在HTML表单中添加一个用于输入密码的文本框,并在其后面添加一个用于显示密码格式要求提示的元素,例如一个 <span> 标签。
<input type="password" id="passwordInput">
<span id="passwordHint"></span>
js
然后,在JavaScript代码中,监听密码输入框的输入事件,并根据输入内容判断是否符合要求,动态更新密码格式要求提示的内容。
// 获取密码输入框和密码提示元素
var passwordInput = document.getElementById("passwordInput");
var passwordHint = document.getElementById("passwordHint");// 监听密码输入框的输入事件
passwordInput.addEventListener("input", function () {// 获取密码var password = passwordInput.value;// 判断是否符合密码格式要求var hasLowercase = /[a-z]/.test(password); // 包含小写字母var hasNumber = /\d/.test(password); // 包含数字var hasSpecialChar = /[!@#$%^&*()\-_=+{}[\]\\|;:'",.<>/?]+/.test(password); // 包含特殊符号// 动态更新密码格式要求提示的内容var hint = "";if (!hasLowercase) {hint += "密码必须包含小写字母;";}if (!hasNumber) {hint += "密码必须包含数字;";}if (!hasSpecialChar) {hint += "密码必须包含特殊符号;";}passwordHint.textContent = hint;
});
上述代码中,使用正则表达式判断密码中是否包含小写字母、数字和特殊符号,然后根据判断结果动态更新密码格式要求提示的内容。提示信息会实时显示在页面上,根据用户输入的密码动态变化。
使用PHP来实现密码格式要求的提示,可以使用以下代码作为示例:
<?php
// 获取提交的密码
$password = $_POST['password'];// 判断密码是否符合要求
$hasLowercase = preg_match('/[a-z]/', $password); // 包含小写字母
$hasNumber = preg_match('/\d/', $password); // 包含数字
$hasSpecialChar = preg_match('/[!@#$%^&*()\-_=+{}[\]\\|;:\'",.<>\/?]+/', $password); // 包含特殊符号// 动态生成密码格式要求提示的内容
$hint = "";
if (!$hasLowercase) {$hint .= "密码必须包含小写字母;";
}
if (!$hasNumber) {$hint .= "密码必须包含数字;";
}
if (!$hasSpecialChar) {$hint .= "密码必须包含特殊符号;";
}// 输出密码格式要求提示
echo '<script>document.getElementById("passwordHint").textContent = "'. $hint .'";</script>';
?>
如果你的PHP代码和前端页面不在同一个文件中
可以使用以下方式将密码格式要求提示的内容传递到前端页面
- 在后端PHP文件中,定义一个变量来保存密码格式要求提示的内容。
<?php
// 获取提交的密码
$password = $_POST['password'];// 判断密码是否符合要求
$hasLowercase = preg_match('/[a-z]/', $password); // 包含小写字母
$hasNumber = preg_match('/\d/', $password); // 包含数字
$hasSpecialChar = preg_match('/[!@#$%^&*()\-_=+{}[\]\\|;:\'",.<>\/?]+/', $password); // 包含特殊符号// 动态生成密码格式要求提示的内容
$hint = "";
if (!$hasLowercase) {$hint .= "密码必须包含小写字母;";
}
if (!$hasNumber) {$hint .= "密码必须包含数字;";
}
if (!$hasSpecialChar) {$hint .= "密码必须包含特殊符号;";
}// 将密码格式要求提示的内容存储到一个变量中,供前端页面使用
$hintToDisplay = '<script>document.getElementById("passwordHint").textContent = "'. $hint .'";</script>';
?>
- 在前端页面中,使用PHP的
include语句将后端PHP文件引入,并在需要显示密码格式要求提示的地方输出对应的内容。
<!-- 前端页面 -->
<html>
<head><title>密码格式示例</title>
</head>
<body><form action="check_password.php" method="post"><input type="password" name="password"><span id="passwordHint"></span><input type="submit" value="提交"></form><!-- 引入后端PHP文件,并输出密码格式要求提示的内容 --><?phpinclude 'backend.php';echo $hintToDisplay;?>
</body>
</html>
上述代码中,通过在前端页面使用include 'backend.php'将后端PHP文件引入,然后使用echo $hintToDisplay将密码格式要求提示的内容输出到对应的地方。
这种方式可以将后端生成的密码格式要求提示信息传输到前端页面进行显示。请确保引入后端PHP文件的路径是正确的,并根据具体情况修改文件名和路径。
// 获取密码输入框、注册按钮和密码提示元素
var passwordInput = document.getElementById("passwordInput");
var registerButton = document.getElementById("registerButton");
var passwordHint = document.getElementById("passwordHint");// 监听注册按钮的点击事件
registerButton.addEventListener("click", function (event) {// 阻止表单默认提交行为event.preventDefault();// 获取密码var password = passwordInput.value;// 判断是否符合密码格式要求var hasLowercase = /[a-z]/.test(password); // 包含小写字母var hasNumber = /\d/.test(password); // 包含数字var hasSpecialChar = /[!@#$%^&*()\-_=+{}[\]\\|;:'",.<>/?]+/.test(password); // 包含特殊符号// 动态更新密码格式要求提示的内容var hint = "";if (!hasLowercase) {hint += "密码必须包含小写字母;";}if (!hasNumber) {hint += "密码必须包含数字;";}if (!hasSpecialChar) {hint += "密码必须包含特殊符号;";}// 如果密码不符合要求,显示错误提示if (hint !== "") {passwordHint.textContent = hint;} else {// 密码符合要求,执行注册逻辑register();}
});// 注册逻辑
function register() {// 在这里执行注册的相关操作// ...// 提示注册成功等信息
}
相关文章:
注册前后端php的检测
首先,在HTML表单中添加一个用于输入密码的文本框,并在其后面添加一个用于显示密码格式要求提示的元素,例如一个 <span> 标签。 <input type"password" id"passwordInput"> <span id"passwordHint…...
Redis:什么是redis?①
一、思想 Redis是一个开源的高性能基于内存key-value数据库,常用作数据库、缓存或消息代理 二、数据类型 String List...
【课程】MyBatisPlus视频教程
MyBatis-Plus是一款非常强大的MyBatis增强工具包,只做增强不做改变. 在不用编写任何SQL语句的情况下即可以极其方便的实现单一、批量、分页等操作。 本套教程基于MyBatis-Plus新2.3版本,详细讲授:集成Mybatis-Plus、 通用CRUD、EntityWrapper条件构造器、ActiveRec…...
如何使用人工智能和ChatGPT来优化营销转化率
人工智能 (AI) 和营销的交集正在彻底改变企业与客户互动的方式,最终改变营销转化率。人工智能能够分析大量数据、理解模式和自动执行任务,它不仅是一项创新技术,而且是营销领域的根本性转变。这种转变允许更加个性化、…...
Ubuntu 22.04上构建libvirt源码错误解决
当在Ubuntu 22.04上构建libvirt源码时,可能会遇到一些错误。下面是一些常见错误及其解决方法: 1. 错误:Program xmllint’未找到或不可执行 解决方法:安装libxml2-utils sudo apt-get install libxml2-utils2. 错误:…...
游戏客户端面经
1,3D的模型怎么显示到2DUI上面 2,C#的ArryList和List的区别 3,接口和抽象类的区别,一般什么时候用接口 4,UGUI怎么渲染的UI,UGUI的层级管理(怎么不打断合批),合批流程…...
AS,idea,maven,gradle
Jdk,sdk。提前都是需要下好的。 Maven与gradle的思考: 用AS开发app时,gradle本就有,自己也可以指定,AGP同样。要注意gradle,AGP,jdk版本的事情。还有依赖库。 用idea开发网络程序时,也有内置的maven&…...
ElasTool v3.0 程序:材料弹性和机械性能的高效计算和可视化工具包
分享一个材料弹性和机械性能的高效计算和可视化工具包: ElasTool v3.0。 感谢论文的原作者! 主要内容 “弹性和机械性能的高效计算和可视化对于材料的选择和新材料的设计至关重要。该工具包标志着材料弹性和机械性能计算分析和可视化方面的重大进步…...
Redis入门级详解(一)
一、Redis入门介绍 1、什么是Redis? Redis,英文全称是Remote Dictionary Server(远程字典服务),是一个开源的使用ANSI C语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库,并提供多种语言的API。…...
java算法题每日多道六
138. 随机链表的复制 题目 给你一个长度为 n 的链表,每个节点包含一个额外增加的随机指针 random ,该指针可以指向链表中的任何节点或空节点。 构造这个链表的 深拷贝。 深拷贝应该正好由 n 个 全新 节点组成,其中每个新节点的值都设为其对…...
C# 特性(Attribute)
C# 特性(Attribute) 文章目录 C# 特性(Attribute)Obsolete语法示例代码 创建自定义特性(Attribute) Obsolete 这个预定义特性标记了不应被使用的程序实体。它可以让您通知编译器丢弃某个特定的目标元素。例…...
Redis 教程系列之Redis 配置(三)
Redis 配置 Redis 的配置文件位于 Redis 安装目录下,文件名为 redis.conf(Windows 名为 redis.windows.conf)。 你可以通过 CONFIG 命令查看或设置配置项。 语法 Redis CONFIG 命令格式如下: redis 127.0.0.1:6379> CONFIG GET CONFIG_SETTING_NAME 实例 redis 127.0…...
Java实验03
Code1 package q3;public class Method01{public static void main(String[] args) {class Student{String name;String StuID;public Student(String name,String StuID){this.namename;this.StuIDStuID;}public void speak(String name, String stuID) {//输出学号与姓名Sys…...
安卓studio连接手机之后,一两秒之后就自动断开了。问题解决。
太坑了,安卓studio链接手机之后。几秒之后就断开了。我以为是adb的问题,就重新安装了一下adb。并且在环境变量中配置了Path的路径。然而并没有什么用啊。 经过排查原来是数据心虚了。线的接触不良。导致你刚接通的瞬间有相对较强的电流是因为有瞬间高电压…...
数字科技优化金融供给,内外协同激活新质生产力
来源 | 镭射财经(leishecaijing) 新一轮产业变革悄然发生,决定产业高度和竞争格局的底层生产力,也正在经历一场从量变到质变的跃迁。新质生产力则是这场跃迁后的最新呈现。 站在新质生产力爆发的时代拐点,金融业达成…...
「Linux系列」Shell 输入/输出重定向
文章目录 一、Shell 输入重定向二、Shell 输出重定向标准输出重定向:标准错误输出重定向:同时重定向标准输出和错误输出:禁用输出: 三、Shell 重定向命令输出重定向:错误输出重定向:标准输出和错误输出同时…...
java实现word转pdf
引入依赖包 <dependencies><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId><version>2.2.5.RELEASE</version></dependency><dependency><groupId…...
[flask] flask的基本介绍、flask快速搭建项目并运行
笔记 Flask Flask 本身相当于一个内核,其他几乎所有的功能都要用到扩展(邮件扩展Flask-Mail,用户认证Flask-Login,数据库Flask-SQLAlchemy),都需要用第三方的扩展来实现。比如可以用 Flask 扩展加入ORM、…...
设计编程网站集:生活部分:饮食+农业,植物(暂记)
这里写目录标题 植物相关综合教程**大型植物:****高大乔木(Trees):** 具有坚硬的木质茎,通常高度超过6米。例如,橡树、松树、榉树等。松树梧桐 **灌木(Shrubs):** 比乔木…...
搜索二维矩阵
题目链接 搜索二维矩阵 题目描述 注意点 每行中的整数从左到右按非严格递增顺序排列每行的第一个整数大于前一行的最后一个整数1 < matrix.length, matrix[0].length < 100 解答思路 先二分查找找到target所处的行,找到行后再二分查找找到target所处的列…...
CVPR 2025 MIMO: 支持视觉指代和像素grounding 的医学视觉语言模型
CVPR 2025 | MIMO:支持视觉指代和像素对齐的医学视觉语言模型 论文信息 标题:MIMO: A medical vision language model with visual referring multimodal input and pixel grounding multimodal output作者:Yanyuan Chen, Dexuan Xu, Yu Hu…...
OpenLayers 分屏对比(地图联动)
注:当前使用的是 ol 5.3.0 版本,天地图使用的key请到天地图官网申请,并替换为自己的key 地图分屏对比在WebGIS开发中是很常见的功能,和卷帘图层不一样的是,分屏对比是在各个地图中添加相同或者不同的图层进行对比查看。…...
大数据学习(132)-HIve数据分析
🍋🍋大数据学习🍋🍋 🔥系列专栏: 👑哲学语录: 用力所能及,改变世界。 💖如果觉得博主的文章还不错的话,请点赞👍收藏⭐️留言Ǵ…...
JVM虚拟机:内存结构、垃圾回收、性能优化
1、JVM虚拟机的简介 Java 虚拟机(Java Virtual Machine 简称:JVM)是运行所有 Java 程序的抽象计算机,是 Java 语言的运行环境,实现了 Java 程序的跨平台特性。JVM 屏蔽了与具体操作系统平台相关的信息,使得 Java 程序只需生成在 JVM 上运行的目标代码(字节码),就可以…...
保姆级教程:在无网络无显卡的Windows电脑的vscode本地部署deepseek
文章目录 1 前言2 部署流程2.1 准备工作2.2 Ollama2.2.1 使用有网络的电脑下载Ollama2.2.2 安装Ollama(有网络的电脑)2.2.3 安装Ollama(无网络的电脑)2.2.4 安装验证2.2.5 修改大模型安装位置2.2.6 下载Deepseek模型 2.3 将deepse…...
return this;返回的是谁
一个审批系统的示例来演示责任链模式的实现。假设公司需要处理不同金额的采购申请,不同级别的经理有不同的审批权限: // 抽象处理者:审批者 abstract class Approver {protected Approver successor; // 下一个处理者// 设置下一个处理者pub…...
七、数据库的完整性
七、数据库的完整性 主要内容 7.1 数据库的完整性概述 7.2 实体完整性 7.3 参照完整性 7.4 用户定义的完整性 7.5 触发器 7.6 SQL Server中数据库完整性的实现 7.7 小结 7.1 数据库的完整性概述 数据库完整性的含义 正确性 指数据的合法性 有效性 指数据是否属于所定…...
CSS | transition 和 transform的用处和区别
省流总结: transform用于变换/变形,transition是动画控制器 transform 用来对元素进行变形,常见的操作如下,它是立即生效的样式变形属性。 旋转 rotate(角度deg)、平移 translateX(像素px)、缩放 scale(倍数)、倾斜 skewX(角度…...
渗透实战PortSwigger靶场:lab13存储型DOM XSS详解
进来是需要留言的,先用做简单的 html 标签测试 发现面的</h1>不见了 数据包中找到了一个loadCommentsWithVulnerableEscapeHtml.js 他是把用户输入的<>进行 html 编码,输入的<>当成字符串处理回显到页面中,看来只是把用户输…...
macOS 终端智能代理检测
🧠 终端智能代理检测:自动判断是否需要设置代理访问 GitHub 在开发中,使用 GitHub 是非常常见的需求。但有时候我们会发现某些命令失败、插件无法更新,例如: fatal: unable to access https://github.com/ohmyzsh/oh…...
