问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

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

头像
真是啥也不懂啊
    20212

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

    <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如何实现

    前端javascriptjquery
    阅读 2.1k
    1 个回答
    得票最新
    头像
    乔治
      12.9k1329
      ✓ 已被采纳
      <!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>
      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题