Javascript onsubmit没有运行

时间:2013-07-04 17:09:10

标签: javascript

我知道javascript很少。在页面转到页面之后,我创建了这个,希望这会起作用。但出于某种原因,我不知道为什么这不起作用。

<form onsubmit="goToPage()" method="get">
<input id="url">
<input type="submit">
</form>

<script>

function goToPage()
{
var initial = "http://www.youtube.com/embed/";
window.location.replace(initial+document.getElementById("url").value);
}
</script>

现在,我想当我提交表单时,它会运行toToPage(),并将我重定向到youtube的嵌入式版本。但是,它不是。

我发现我可以为输入做onclick="goToPage()",但我不想点击输入。我希望能够点击“输入”或点击提交。

1 个答案:

答案 0 :(得分:2)

您必须在onsubmit函数中返回 false ,因此页面将重定向而不是由表单提交。

<form onsubmit="return goToPage()" method="get">
<input id="url">
<input type="submit">
</form>

<script>

function goToPage() {
    var initial = "http://www.youtube.com/embed/";
    window.location.replace(initial+document.getElementById("url").value);
    //window.location.href = initial + document.getElementById("url").value;
    return false;
}
</script>