原生javascript的账号密码登录验证

深藏阁楼爱情的钟 2023-06-13 03:19 1阅读 0赞

**body**

<p>登陆验证</p> 
         账号：<input id="num" type="text" name="username" /><br /> 
         密码：<input id="pas" type="password" name="password" /><br /> 
         <p id="p"></p> 
         <button onclick="Login()" type="button" style="height: 40px; width: 100px; color: black; font-size: 12px;">登陆</button>

**script**

function Login() {  /*登陆验证*/
        var Element = document.getElementById("num").value; /*获得账号输入框的内容*/
        var pasElement = document.getElementById("pas").value; /*获得密码输入内容*/
        /*输入的空格，或者连续空格,正则 'g':全局匹配.'i':对大小写不敏感的匹配。'm':多行匹配。*/
        try {
            if (Element == null || Element.replace(/(^\s*)|(\s*$)/g, "") == "" || pasElement == null || pasElement.replace(/(^\s*)|(\s*$)/g, "") == "") {
                throw "账号或密码不能为空或者空格！";
            } else if (isNaN(Element)) {
                throw "账号只能是数字！";
            } else if (Element.length < 8 || pasElement.length < 6) {
                throw "账号最小长度为8,密码的最小长度为6！";
            } else {
                document.getElementById("p").innerHTML = "登陆成功！";
            }
        } catch(err) {
            document.getElementById("p").innerHTML = err;   // 1.弹出警告框。
        }
     
    }

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N0eWxlMjAxOTA0_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N0eWxlMjAxOTA0_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191113171919601.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N0eWxlMjAxOTA0,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，1人围观）

还没有评论，来说两句吧...

相关阅读

相关 nacos怎么开启账号密码登录

Nacos 默认是不启用账号密码登录的，但你可以通过修改配置来启用账号密码登录以增强安全性。以下是在 Nacos 中启用账号密码登录的步骤： 1. 打开 Nacos 配置文

短命女/ 2024年03月23日 20:54/ 0 赞/ 269 阅读

相关原生javascript的账号密码登录验证

body <p>登陆验证</p> 账号：<input id="num" type="text" name="username" /><br

深藏阁楼爱情的钟/ 2023年06月13日 03:19/ 0 赞/ 2 阅读

相关 sourcetree 切换账号密码重新登录

公司会定期重置密码，sourcetree则需要重新登录。开始的时候一直没有找到注销的地方，也不知道怎么重新登录，上网百度了很多种办法都没有成功，卸载重新安装也不行。最终的解决办

电玩女神/ 2023年05月31日 10:19/ 0 赞/ 213 阅读

相关 uniapp之登录（短信验证码，账号密码，第三方登录）

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhp

水深无声/ 2022年11月06日 05:51/ 0 赞/ 913 阅读

相关重新设置oracle登录账号和密码

最近在学习oracle,由于在创建oracle时账号和密码没有记住，以及在后面登录错误到一定次数，密码被锁住需要解锁。重新设置oracle账号和密码打开cmd, 输入s

红太狼/ 2022年08月09日 06:21/ 0 赞/ 287 阅读

相关 java账号登录时的验证

校验帐号唯一：前端页面：ajax（async:false,//非异步）这一步很重要 $.ajax({ url:"${basePat

缺乏、安全感/ 2022年06月14日 06:23/ 0 赞/ 191 阅读

相关邮箱验证账号登录 Java

一、需求当我们想让我们的网站消除恶意注册的情况，我们可以这样做，通过邮箱验证，这样又可以很好的表现出网站的正规性，所以我们在这里提供一个邮箱验证的工具类，先简单说一下

我就是我/ 2022年05月25日 05:48/ 0 赞/ 215 阅读

相关 Linux登录输入正确的账号密码登录失败

新接触Linux，自己下了个VMware+CentOS7 玩玩，刚注册成功，登录的时候掉进坑里。 ![70][] 研究半天，问了下运维，原来是Linux系统不识别小键

梦里梦外;/ 2022年05月22日 00:26/ 0 赞/ 743 阅读

相关 javascript密码强度验证

[为什么80%的码农都做不了架构师？>>> ][80_] ![hot3.png][] <html> <body> <script language=javascri

水深无声/ 2022年01月17日 10:15/ 0 赞/ 236 阅读

相关 BCrypt管理员登录密码验证

一、简单入门测试 BCrypt不支持反运算，只支持密码校验 package com.william.test; import org.spri

Myth丶恋晨/ 2021年12月10日 22:25/ 0 赞/ 338 阅读