JavaScript登录验证

最新推荐文章于 2024-07-13 17:56:15 发布

蒋润康

最新推荐文章于 2024-07-13 17:56:15 发布

阅读量3.2k

点赞数 8

分类专栏： JS+jQuery

本文链接：https://blog.csdn.net/m0_49926319/article/details/109228473

版权

本文介绍了JavaScript实现登录验证的过程，包括账号和密码的规则判断。账号需3-15位且不能数字开头，密码需6-18位且不能全为数字或全为字符。内容包含分步骤的逻辑判断及完整JavaScript代码展示，并给出了登录成功和失败的效果演示。

摘要由CSDN通过智能技术生成

要求

账号：3-15位并且不能数字开头

密码：6-18位并且不能全是数字或者全是字符

JavaScript登录验证2.0

页面代码

<body>
账号：
<input type="text" id="account" placeholder="3-15位&&不能数字开头" onblur="checkAccount()"/>
<span id="accountMsg"></span><br/>
密码：
<input type="text" id="pwd" placeholder="6-18位&&包含字母和数字" onblur="checkPwd()"/>
<span id="pwdMsg"></span><br/>
<input type="submit" value="登录" onclick="login()"/>
</body>

账号判断

  function checkAccount() {
        //获取账号
        var account = document.getElementById("account").value;
        //检查账号
        if (account.length >= 3 && account.length <= 15) {
            //获取账号第一位数字
            var accountFirst = account.charAt(0);
            if (isNaN(accountFirst)) {
                document.getElementById("accountMsg").innerHTML = "<span style='color: green'>账号格式通过</span>"
                accountCheck = true;
            } else {
                accountCheck = false;
                document.getElementById("accountMsg").innerHTML = "<span style='color: red'>禁止数字开头</span>"
            }

最低0.47元/天解锁文章

蒋润康

关注

8
点赞
踩
23

收藏

觉得还不错? 一键收藏
打赏
2
评论
JavaScript登录验证

<script> var str = "Helloworld" console.log(str.length); //获取字符串长度,返回结果:10 console.log(str.charAt(5)); //获取索引位置为5的字符,返回结果:w console.log(str.indexOf('o')); //获取“o”在字符串中首次出现的位置,返回结果:4 console.log(str.lastIndexof("o'));.
复制链接

扫一扫