根据输入值重定向到页面

Question

我正在尝试在要求用户输入文本的页面上创建一个表单。提交表单后，用户将被重定向到分配给它的页面。我的问题是我哪里出错了，我应该如何解决这个问题？有人可以包括 JSFiddle 或 Codepen.io 笔用于演示目的吗？

例如：

用户输入并提交“123456”
然后用户被重定向到页面 www.domain.com/123456

我假设它是这样的：

HTML

<form>
    <input id="projectid" maxlength="6">
    <input onclick="findProject()" type="submit" value="Go">
</form>

Javascript

function findProject(){
    document.location = document.getElementById('projectId').value();
}

我附上了自己的笔：http://codepen.io/ShaneHicks/pen/eZbbLz

Answer 1

在 url 片段前放一个 /

document.location = '/' + document.getElementById('projectId').value;

Answer 2

<form>
    <input id="projectId" maxlength="6">
    <input onclick="return findProject()" type="submit" value="Go">
</form>

<script>
    function findProject(){
        window.location = document.getElementById("projectId").value;
        return false;
    }
</script>

根据输入值重定向到页面

Redirect to Page based on Input Value

html

javascript

forms

post

post-redirect-get