各位大佬们，用jQuery如何实现判断当两个输入框中输入的内容为预设的内容时跳转到对应页面？

作者站长头像
站长
· 阅读数 5

想做一个查询功能的页面，实现当两个输入框输入的内容为预设的内容时跳转到新页面，不是则弹出alert弹框。预设的是名字和编号与对应的网址链接，且两个输入框都满足才会跳转到对应的页面。由于预设的变量比较多，所以在网上找到的判断单个值的是否正确跳转的不适用各位大佬们，用jQuery如何实现判断当两个输入框中输入的内容为预设的内容时跳转到对应页面？

<input type="text" id="username" class="iText-1"></input>
<input type="text" id="usernumber" class="iText-2"></input>
<button type="button" class="dMine"><i onclick="check()">submit</i></button>

预设的变量如：name：张三，number：123 满足条件跳转到 1.html;name：李四，number：1234 满足条件跳转到 2.html

求教各位大佬该用jQuery如何实现

回复
1个回答
avatar
test
2024-06-29
<!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>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
    <input type="text" id="username" class="iText"></input>
    <input type="text" id="usernumber" class="iText"></input>
    <button type="button" class="dMine" onclick="check()"><i>确定</i></button>

    <script>
        // 预设的变量
        var users = [
            { name: "张三", number: "123", url: "1.html" },
            { name: "李四", number: "456", url: "2.html" },
            
        ];

        function check() {
            var username = $("#username").val();
            var usernumber = $("#usernumber").val();

            for (var i = 0; i < users.length; i++) {
                if (users[i].name === username && users[i].number === usernumber) {
                    window.location.href = users[i].url;
                    return;
                }
            }

            alert("输入的名字和编号不正确！");
        }
    </script>
</body>
</html>
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容