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

站长

2024年07月03日 09:00 · 阅读数 13

小弟想做一个具有查询功能的页面，目的是当输入的内容为预设的内容时跳转到新页面，不是则弹出alert弹框。预设的是名字与对应的网址链接，由于预设的变量比较多，所以在网上找到的判断单个值的是否正确跳转的不适用

<input type="text" id="username" class="iText"></input>
<button type="button" class="dMine"><i onclick="check()">确定</i></button>

var btn = document.getElementsByClassName('dMine');
var url = '1.html';
check = function () {
    if (input.value == '张三') {
        window.location = url;
    }else{
        alert('输入错误')
    }
};

预设的变量如：name：张三，url：1.html；name：李四，url：2.html；name：王五，url：3.html；请问各位大佬该如何写

1个回答

test

2024-07-03

var urls = {
    "张三": "1.html",
    "李四": "2.html",
    "王五": "3.html"
};

check = function () {
    var input = document.getElementById('username').value;
    if (urls[input]) {
        window.location = urls[input];
    } else {
        alert('输入错误');
    }
};

适合作为回答的

经过验证的有效解决办法
自己的经验指引，对解决问题有帮助
遵循 Markdown 语法排版，代码语义正确

不该作为回答的

询问内容细节或回复楼层
与题目无关的内容
“赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容