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

kb5ga3dv  于 2022-12-02  发布在  Java
关注(0)|答案(3)|浏览(167)

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

首先,我尝试了action=“search.jsp”在onsubmit之外,但没有工作..我是新的这一切,我不知道该怎么做?

m528fe3b

m528fe3b1#

<form>标记内添加按钮

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

在表单标记中添加action属性

action="Search.jsp"

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

iqxoj9l9

iqxoj9l92#

1)如果您只是想在表单提交后将其重定向到**Search.jsp,请从表单中删除所有垃圾JS代码,并在form tag中添加一个简单的action属性。
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>
r1zk6ea1

r1zk6ea13#

Simply return true from the myFunction and use <input type="submit"> to submit the form.
Sample code: (read inline comments)

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

相关问题