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

小弟想做一个具有查询功能的页面,目的是当输入的内容为预设的内容时跳转到新页面,不是则弹出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.9k
2 个回答
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('输入错误');
    }
};
const patterns = {
  '张三': '1.html',
  '李四': '2.html',
  '王五': '3.html',
}

const check = () => {
    const match = patterns[input.value]
    if (match) window.location = match
    else alert('输入错误')
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题