Javascript 表单onsumbit执行函数

我有以下代码：

function src(){
  var id = document.getElementsByName("query")[0].value;
  window.location.href = "/search/?query=" + id;
}
var f_src = document.getElementById("search_form");
if(f_src)
  f_src.onsubmit = function(){src();return false;};

我在提交部分遇到问题：当我在字段“url”中输入“example”时，我想重定向到“/search/？query=example”，但它不起作用，有什么帮助吗

HTML:

除了可能存在的问题之外，您可以在没有JavaScript的情况下实现相同的行为。您只需将表单元素命名为“query”，并使其向
/search
提交GET请求：

<form id="search_form" method="get" action="/search/" name="search_f">
    <input id="search_field" maxlength="100" name="query" type="text" value="" placeholder="<?php echo $src_txt; ?>">
    <input id="search_button" type="submit" value="">
</form>


除了可能存在的问题之外，您可以在没有JavaScript的情况下实现相同的行为。您只需将表单元素命名为“query”，并使其向
/search
提交GET请求：

<form id="search_form" method="get" action="/search/" name="search_f">
    <input id="search_field" maxlength="100" name="query" type="text" value="" placeholder="<?php echo $src_txt; ?>">
    <input id="search_button" type="submit" value="">
</form>


除了可能存在的问题之外，您可以在没有JavaScript的情况下实现相同的行为。您只需将表单元素命名为“query”，并使其向
/search
提交GET请求：

<form id="search_form" method="get" action="/search/" name="search_f">
    <input id="search_field" maxlength="100" name="query" type="text" value="" placeholder="<?php echo $src_txt; ?>">
    <input id="search_button" type="submit" value="">
</form>


除了可能存在的问题之外，您可以在没有JavaScript的情况下实现相同的行为。您只需将表单元素命名为“query”，并使其向
/search
提交GET请求：

<form id="search_form" method="get" action="/search/" name="search_f">
    <input id="search_field" maxlength="100" name="query" type="text" value="" placeholder="<?php echo $src_txt; ?>">
    <input id="search_button" type="submit" value="">
</form>


如果您不坚持使用javascript，您可以使用良好的旧HTML实现这一点：

<form action="/search/" method="get">
    <input name="query" />
</form>

如果您不坚持使用javascript，您可以使用良好的旧HTML实现这一点：

<form action="/search/" method="get">
    <input name="query" />
</form>

如果您不坚持使用javascript，您可以使用良好的旧HTML实现这一点：

<form action="/search/" method="get">
    <input name="query" />
</form>

如果您不坚持使用javascript，您可以使用良好的旧HTML实现这一点：

<form action="/search/" method="get">
    <input name="query" />
</form>


和
字段确实有
名称
“url”？请同时发布您的HTML，并显示您在何处/何时执行代码。控制台中是否有错误？删除返回false；从最后开始，它将阻止表单提交。@Felix Kling，我的HTML是干净的，输入是“url”，我没有errors@ParkashKumar表单正在提交中，我不想要它，我想停止提交并执行我的功能。如果您不提供更多信息，我们无法真正帮助您。除此之外，您可以在没有JavaScript的情况下实现您想要做的事情。你只需要正确设置你的表单。有什么特别的原因让你想使用JS吗？而且
字段确实有
名称
“url”？请同时发布您的HTML，并显示您在何处/何时执行代码。控制台中是否有错误？删除返回false；从最后开始，它将阻止表单提交。@Felix Kling，我的HTML是干净的，输入是“url”，我没有errors@ParkashKumar表单正在提交中，我不想要它，我想停止提交并执行我的功能。如果您不提供更多信息，我们无法真正帮助您。除此之外，您可以在没有JavaScript的情况下实现您想要做的事情。你只需要正确设置你的表单。有什么特别的原因让你想使用JS吗？而且
字段确实有
名称
“url”？请同时发布您的HTML，并显示您在何处/何时执行代码。控制台中是否有错误？删除返回false；从最后开始，它将阻止表单提交。@Felix Kling，我的HTML是干净的，输入是“url”，我没有errors@ParkashKumar表单正在提交中，我不想要它，我想停止提交并执行我的功能。如果您不提供更多信息，我们无法真正帮助您。除此之外，您可以在没有JavaScript的情况下实现您想要做的事情。你只需要正确设置你的表单。有什么特别的原因让你想使用JS吗？而且
字段确实有
名称
“url”？请同时发布您的HTML，并显示您在何处/何时执行代码。控制台中是否有错误？删除返回false；从最后开始，它将阻止表单提交。@Felix Kling，我的HTML是干净的，输入是“url”，我没有errors@ParkashKumar表单正在提交中，我不想要它，我想停止提交并执行我的功能。如果您不提供更多信息，我们无法真正帮助您。除此之外，您可以在没有JavaScript的情况下实现您想要做的事情。你只需要正确设置你的表单。有什么特别的原因让你想使用JS吗？哦，老兄，谢谢你，这是我一直在寻找的，我不是一个很好的程序员，所以很抱歉我的错误，谢谢！哦，老兄，谢谢你这就是我要找的，我不是一个很好的程序员，对我的错误很抱歉，谢谢！哦，老兄，谢谢你这就是我要找的，我不是一个很好的程序员，对我的错误很抱歉，谢谢！哦，老兄，谢谢你这就是我要找的，我不是一个很好的程序员，对我的错误很抱歉，谢谢！谢谢我现在正在手机上浏览，这很痛苦：-）哦，是的，我能理解。我甚至不会回答手机上的问题；）谢谢我现在正在手机上浏览，这很痛苦：-）哦，是的，我能理解。我甚至不会回答手机上的问题；）谢谢我现在正在手机上浏览，这很痛苦：-）哦，是的，我能理解。我甚至不会回答手机上的问题；）谢谢我现在正在手机上浏览，这很痛苦：-）哦，是的，我能理解。我甚至不会回答手机上的问题；）