js注册检测 用户名、密码、手机号、邮箱

最新推荐文章于 2022-04-08 15:56:19 发布
最新推荐文章于 2022-04-08 15:56:19 发布
阅读量319 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42058472/article/details/107683855
版权

https://www.cnblogs.com/MissZhao/p/5759583.html

weixin_42058472
关注
后台登录页面
11-19
后台登录页面，背景图片自动缩放，登录部分垂直水平居中显示。
js注册检测 用户名、密码、手机号、邮箱等
a1079540945的专栏
08-04 4161
请输入电话号码： 请输入邮箱地址： 请第一次输入密码： 请第二次输入密码： 检测密码是否合法： var xmlHttp;                                  //这个不解释 var checkpsw;                            //全局变量，用来密码相同检测 function
js-----用户注册页面实现，验证用户名、密码、验证码等是否符合需求
热门推荐
cz_chen_zhuo的博客
07-22 6万+
这是在经过断断续续学习html、css和js后，写的第一个算是比较完善，依然比较初级的小案例，用户注册界面，其中用的html以及css知识都比较少，主要是js代码中各种【验证功能】实现。 html部分：标题+form表单+table表格的运用。另外在head部分写入少量的css样式，以及部分js代码。该页面并没有连接数据库对数据进行提交处理。 下图就是完成界面展示。 用户在注册时，按照要求即可注...
js实现登录注册框手机号和验证码校验（前端部分）
10-19
主要为大家详细介绍了js实现登录注册框手机号和验证码校验的前端部分代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
js验证注册页面(用户名、手机号、邮箱、单位名称、单位地址、联系人姓名、)
weixin_44310899的博客
09-18 3242
使用js+jQuery验证注册页面 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@include file="/common/global.jsp"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML ...
javaScript 简单验证代码（用户名，密码，邮箱)
11-30
在这个示例中，我们看到的是一个简单的JavaScript验证代码，用于检查用户在注册表单中输入的用户名、密码和电子邮件是否符合特定的格式要求。下面将详细解释这段代码中的各个功能和知识点： 1. **函数定义**： - `...
javascript用户名密码邮箱验证
08-27
这个压缩包文件"javascript用户名密码邮箱验证"很可能包含了一些预设的代码片段，用于实现这些验证功能。下面我们将详细探讨相关的JavaScript知识点。 1. **正则表达式验证**： 正则表达式在JavaScript中用于匹配...
JS验证_密码用户名手机号码用户姓名
12-04
- **应用场景**：适用于注册或登录页面中的用户名验证。 #### 2.2 用户姓名验证 ```javascript var reg = /^[a-zA-Z\u4e00-\u9fa5][a-zA-Z\u4E00-\u9FA5]{3,20}$/; ``` - **解释**：该正则表达式用于验证用户姓名。...
手机号-邮箱-用户名-正则表达式
03-11
手机号-邮箱-用户名-正则表达式
js验证手机号、密码、短信验证码代码工具类
11-29
本文实例为大家分享了js验证手机号、密码、短信验证码的代码工具类，供大家参考，具体内容如下 代码工具类 /** * 参数较验 * * */ var verification = { stop : false, //倒计时 //验证手机号 phone : function (tel, id) { if ("" == tel || !tel) { mui.toast('手机号不可以为空!'); } else { var reg = /^0?1[3|4|5|7|8][0-9]\d{8}$/; //验证规则 if (r
ListViewTimeCountDownDemo
08-05
实现listview item 倒计时效果
JavaScript登录注册账户名密码邮箱等用正则表达式校验。
Jason Z的博客
08-05 1294
JavaScript登录注册账户名密码邮箱等用正则表达式校验。 直接上代码 如果有解释不对的地方，或者错误的地方，请留言。 其中正则表达式具体的根据自己的需求更换 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script type="te
用javascript写一个简单的登录表单，包含用户名、密码和手机号码。提交数据时验证用户名、密码和手机号输入格式。
m0_46177715的博客
02-08 9391
我的第一个博客 题目：写一个用于登录的表单，包含用户名、密码和手机号码。提交数据的时候，要求验证： 1. 用户名必须输入汉字； 2. 密码总共6位，前2位为字母，后4位为数字； 3. 手机号码符合中国大陆手机号码格式 如果输入错误，则在输入框后面显示对应的文本提示信息 代码： // 2.当失去焦点时,密码校验函数 function checkPassword(){ // ...
javascript表单账户密码校验提交
老李家的博客
09-14 3943
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;style type="text/css"&gt; span{color:
JavaScript对输入的用户名密码等进行判断
weixin_53089473的博客
04-08 1万+
注册表实现以下功能 用户名：大于等于8，焦点离开是check 密码：大于等于8 密码确认：和密码一致 焦点离开是check 电子邮件：格式正确 焦点离开是check 生日：格式正确 9999/99/99 性别：默认是不选中 年纪：默认是不选中 可选项目兴趣介绍 保存是check 分了方便理解笔者吧check函数分开来写 1. 需要在文档出调用js函数 例如onblur="check_username()“ 就是指在鼠标焦点离开时调用函数checkuserna...
javaScript判断用户是否输入用户名和密码
qq_37119902的博客
03-14 1万+
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;met
JS中的用户名的校验
u013313232的博客
09-26 471
JS中的校验 boby中的引用 ***用户名： 校验 ***
【高创新】基于鲸鱼优化算法WOA-Transformer-LSTM实现故障识别Matlab实现.rar
最新发布
09-18
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用，注释清楚，适合新手
js 动画 登录是用户名和密码 注册是用户名 密码 确认密码 手机号 邮箱 验证码全代码
06-03
很抱歉，我无法提供完整的代码。但是，我可以给你一些提示和代码片段来帮助你完成这个任务。 首先，你需要创建一个登录和注册表单。这可以使用HTML和CSS来完成。表单需要包含用户名和密码字段，以及注册表单需要包含用户名，密码，确认密码，手机号，邮箱和验证码。 ```html <!-- 登录表单 --> <form id="login-form"> <label for="username">用户名</label> <input type="text" id="username" name="username"> <label for="password">密码</label> <input type="password" id="password" name="password"> <button type="submit">登录</button> </form> <!-- 注册表单 --> <form id="register-form"> <label for="reg-username">用户名</label> <input type="text" id="reg-username" name="reg-username"> <label for="reg-password">密码</label> <input type="password" id="reg-password" name="reg-password"> <label for="confirm-password">确认密码</label> <input type="password" id="confirm-password" name="confirm-password"> <label for="phone">手机号</label> <input type="tel" id="phone" name="phone"> <label for="email">邮箱</label> <input type="email" id="email" name="email"> <label for="captcha">验证码</label> <input type="text" id="captcha" name="captcha"> <button type="submit">注册</button> </form> ``` 接下来，你需要编写JavaScript代码来实现表单的动态效果。这里我提供了一些示例代码： ```javascript // 获取表单元素 const loginForm = document.getElementById('login-form'); const registerForm = document.getElementById('register-form'); // 监听提交事件 loginForm.addEventListener('submit', function(event) { // 阻止表单默认提交行为 event.preventDefault(); // 获取表单数据 const username = loginForm.elements['username'].value; const password = loginForm.elements['password'].value; // 处理表单数据 console.log('用户名：', username); console.log('密码：', password); // TODO: 发送请求进行登录验证 }); registerForm.addEventListener('submit', function(event) { // 阻止表单默认提交行为 event.preventDefault(); // 获取表单数据 const username = registerForm.elements['reg-username'].value; const password = registerForm.elements['reg-password'].value; const confirmPassword = registerForm.elements['confirm-password'].value; const phone = registerForm.elements['phone'].value; const email = registerForm.elements['email'].value; const captcha = registerForm.elements['captcha'].value; // 处理表单数据 console.log('用户名：', username); console.log('密码：', password); console.log('确认密码：', confirmPassword); console.log('手机号：', phone); console.log('邮箱：', email); console.log('验证码：', captcha); // TODO: 发送请求进行注册验证 }); ``` 最后，你需要编写服务器端代码来处理登录和注册请求。这里我提供了一个使用Node.js和Express框架的示例： ```javascript const express = require('express'); const app = express(); const bodyParser = require('body-parser'); // 解析请求体 app.use(bodyParser.urlencoded({ extended: true })); app.use(bodyParser.json()); // 处理登录请求 app.post('/login', function(req, res) { const username = req.body.username; const password = req.body.password; // TODO: 进行登录验证 }); // 处理注册请求 app.post('/register', function(req, res) { const username = req.body['reg-username']; const password = req.body['reg-password']; const confirmPassword = req.body['confirm-password']; const phone = req.body.phone; const email = req.body.email; const captcha = req.body.captcha; // TODO: 进行注册验证 }); app.listen(3000, function() { console.log('Server started on port 3000'); }); ``` 希望这些提示和代码片段能够帮助你实现这个功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值