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

Question

我正在尝试指向特定事件发生的另一个页面...这是我的代码..但它不指向另一个页面，但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>

首先我尝试了动作=＆＃34; search.jsp＆＃34;在外面提交，但是没有工作......我是新手，我不知道该怎么办？

Answer 1

在<form>标记

中添加一个按钮

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

在表单标记

中添加操作属性

action="Search.jsp"

每当您点击Submit按钮时，该页面都会重定向到Search.jsp

Answer 2

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>

Answer 3

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