JS实现:判断密码是否为数字类型及验证码的长度是否符合要求

原创于 2023-01-30 11:37:05 发布 · 862 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

Javascript 专栏收录该内容

36 篇文章

订阅专栏

本文介绍了一个简单的网页脚本，用于验证用户输入的密码是否为数字，并检查验证码长度是否大于等于4位。通过使用JavaScript的arguments对象，实现了有效的密码和验证码验证。

问题

实现以下判断：
1、当用户输入的密码不是数字时，页面弹出“密码错误”；
2、当用户输入的验证码小于4位数时，页面弹出“验证码不得小于4位”

思路

可以使用函数的arguments对象来实现用户密码和验证码的验证
arguments对象：
- arguments 表示函数接收到的实参列表，是一个类数组对象。
- 我们可以使用arguments对象在函数中引用函数的参数，索引从0开始。
- 此外，arguments对象是一个伪数组，除了length和索引外,不能用任何数组的方法。

代码实现

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>密码及验证码的验证</title>
</head>
<body>
    <script>
        // 分别输入密码和验证码
        var a = prompt('输入密码:');
        var b = prompt('输入验证码:');

        function fun() {
            // 密码如果是数字，使用isNaN的结果为0，不是数字则结果为1，会输出对应的alert语句
            if (isNaN(arguments[0])) {
                alert('密码错误');
            }
            // 判断验证码的长度 
            if (arguments[1].length < 4) {
                alert('验证码不能小于4位数');
            }
        }
        fun(a, b);
    </script>
    
</body>
</html>