当前位置: 首页 > 知识库问答 >
问题:

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

齐奕
2023-08-09

想做一个查询功能的页面,实现当两个输入框输入的内容为预设的内容时跳转到新页面,不是则弹出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如何实现

共有1个答案

仉臻
2023-08-09
<!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>
 类似资料:
  • 小弟想做一个具有查询功能的页面,目的是当输入的内容为预设的内容时跳转到新页面,不是则弹出alert弹框。预设的是名字与对应的网址链接,由于预设的变量比较多,所以在网上找到的判断单个值的是否正确跳转的不适用 预设的变量如:name:张三,url:1.html;name:李四,url:2.html;name:王五,url:3.html; 请问各位大佬该如何写

  • 本文向大家介绍Shell脚本判断用户的输入内容,包括了Shell脚本判断用户的输入内容的使用技巧和注意事项,需要的朋友参考一下 1.脚本功能:提示客户属于一串数字,并判断用户是否进行了输入,输入的是否为数字 Shell脚本中判断输入变量或者参数是否为空的方法,下面总结了5种方法,并分别给出了代码实例,需要的朋友可以参考下 1.判断变量 代码如下: 2.判断输入参数 代码如下: 以下未验证。 3.

  • 本文向大家介绍vue把输入框的内容添加到页面的实例讲解,包括了vue把输入框的内容添加到页面的实例讲解的使用技巧和注意事项,需要的朋友参考一下 vue最最最简单的demo(记得引入) 实例化一个vue,绑定#app的元素,要渲染的数组arr作为data。 把arr的item渲染到页面,输入内容点击按钮把用户输入的内容添加到页面以及数组   在输入框输入内容点击按钮,会把内容渲染到页面。同时会增加数

  • 本文向大家介绍vue判断input输入内容全是空格的方法,包括了vue判断input输入内容全是空格的方法的使用技巧和注意事项,需要的朋友参考一下 比如input中的数据和data中的msg双向绑定。 那么我们可以  判断先把msg以空格拆分成数组,然后拼接起来,判断字符串的长度,如果长度为0,证明输入的就全是空格了,如下: 以上这篇vue判断input输入内容全是空格的方法就是小编分享给大家的全

  • 问题内容: 我有一个spring mvc应用程序,我想让我的用户称为bot,并且基于用户输入的bot应该访问url并根据响应提供答案。如何在Java中实现呢? 问题答案: 没有直接的方法可以做到这一点。但是,沃森对话确实提供了一种处理此类请求的机制。您将需要告诉调用Java的应用程序需要调用url。 这通过使用两个功能来完成:Context.request skip_user_input A 是具