根据输入值重定向到页面

时间:2016-05-06 01:38:59

标签: javascript html forms post post-redirect-get

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

例如:

  1. 用户输入并提交“ 123456
  2. 然后将用户重定向到页面www.domain.com/123456
  3. 我假设它是这样的:

    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

2 个答案:

答案 0 :(得分:1)

在网址片段

之前加/

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

答案 1 :(得分:0)

<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>