使用onsubmit或action重定向到另一个页面？

Posted 2023-01-19

我试图指向特定事件发生的另一个页面...这是我的代码..但它不指向另一个页面，但javascript代码工作...

<form class="list-group-item"  method="get" onsubmit="action='Search.jsp'; myFunction('name');return false;"  >
  <input type="hidden" name="item" value="<%=1%>"> 
  <i class="fa fa-arrow-circle-right fa-fw "></i> <span onsubmit="action='Search.jsp'" onclick="action='Search.jsp';document.getElementById('div1').style.display = 'block';setValue('Subject')"  style="margin-left:1%">Subject </span>    
  <span class=" text-muted small"  onclick="document.getElementById('div1').style.display = 'block';setValue('Subject And')"  style="margin-left:40%"><em> And <i class="fa  fa-angle-down "></i></em>
  </span>
</form>

首先，我在onsubmit之外尝试了action =“search.jsp”，但是没有用。我是新手，我不知道该怎么办？

答案

在<form>标签内添加一个按钮

<input type="submit" value="Submit">

在表单标记中添加操作属性

action="Search.jsp"

每当您单击Submit按钮时，页面将被重定向到Search.jsp

另一答案

1）如果您只是想在表单提交后将其重定向到Search.jsp，请从表单中删除所有垃圾JS代码，并在action中添加一个简单的form tag属性。 2）如果您提交表格，Action attribute表现为重定向。 3）在html标签中编写JS代码是一个不好的约定。总是在<script>..</script>块或不同的JS file中编写JS代码然后包含它。

<form class="list-group-item" method="get" action="Search.jsp"  >
    <input type="hidden" name="item" value="<%=1%>">
    ...
    ...
</form>

要么

您可以ajaxify您的代码（意味着通过ajax提交表单，然后重定向）。

<form class="list-group-item" method="get" action="Search.jsp" name="search" >
    <input type="hidden" name="item" value="<%=1%>">
    ...
    ...
</form>

<script>
$(function(ev)
    ev.preventDefault();

    $("form:[name='search']").on("submit", function()
        var form = $(this);
        var data = form.serialize();
        var action = form.attr("action");

        $.get(action, data)
        window.location.replace("http://stackoverflow.com");
    );
);
</script>

另一答案

只需来自return true的myFunction并使用<input type="submit">提交表格。

示例代码:(读取内联注释）

<script type="text/javascript">
    function myFunction() 
        /* return false in case of validation fail */
        alert("Hi");
        return true;
    
</script>

<form class="list-group-item" action="Search.jsp" method="get"
      onsubmit="return myFunction()">
    <!-- other fields -->
    <input type="submit" value="Submit" />
</form>