Javascript jQuery页面导航-带提交

Javascript jQuery页面导航-带提交,javascript,jquery,Javascript,Jquery,我想将jQuery页面导航添加到内部网站 我有一个文本输入: <input id="nav" type="text"/> 当按下一个键时,这将引导用户进入新页面 是否可以执行相同的操作,但使用完整的单词,并且需要按Enter键 示例: 如果用户在文本框中键入admin,然后按enter,则用户将重定向到admin.html 我认为这需要以不同的方式处理,但我不确定如何处理,或者是否可以做到 如果您有任何想法或建议,我们将不胜感激。制作一个表格,并绑定到其提交活动。使用event.p

我想将jQuery页面导航添加到内部网站

我有一个文本输入:

<input id="nav" type="text"/>
当按下一个键时,这将引导用户进入新页面

是否可以执行相同的操作,但使用完整的单词,并且需要按
Enter

示例: 如果用户在文本框中键入
admin
,然后按
enter
,则用户将重定向到
admin.html

我认为这需要以不同的方式处理,但我不确定如何处理,或者是否可以做到


如果您有任何想法或建议,我们将不胜感激。

制作一个表格,并绑定到其提交活动。使用
event.preventDefault()
阻止表单提交,并使用
if
语句检查输入的单词。完全按照您现在的操作重定向到正确的页面。

只需让用户在文本框中输入任何内容即可

$("#nav").keydown(function (e) {

    if (e.keyCode !== 13) { // 13 = Enter
        return;
    }
    switch ($(this).val()) {
    case "admin":
        location.href = "admin.html";
        break;
    case "terms":
        location.href = "terms.html";
        break; // etc
    }
});

这可能对你有帮助。该函数将检查
keycode==13
(输入键的代码),如果输入值是
admin
,它将执行重定向


这就是我想要实现的。谢谢你的帮助。我不得不等五分钟,它才会让我:)我现在就来。
$("#nav").keydown(function (e) {

    if (e.keyCode !== 13) { // 13 = Enter
        return;
    }
    switch ($(this).val()) {
    case "admin":
        location.href = "admin.html";
        break;
    case "terms":
        location.href = "terms.html";
        break; // etc
    }
});
$("#nav").keydown(function (e) {
    if (e.keyCode == 13) {
        var inputVal = $("#nav").val();
        if (inputVal === "admin") window.location = 'admin.html';
    }
});