Question

我的HTML代码的一部分：

<form method="post" id="form">

<input type="number" min="0" max="20" id="experience" required name="experience"title="experience" class="formfield" />

<input type="image" id="registersubmit4" name="registersubmit4" src="images/arrow-right.png"  title="next"/>

</form>

我想在用户点击下一步提交表单后提交表单，然后转到下一页。

<input type="image">

适用于提交但提交后我想转到下一页..

我在onclick（）事件中使用了javascript，如下所示：

<input type="image" onclick=form.submit(); "location='next.html'">

这不起作用。请帮忙......提前致谢。

Answer 1

这通常是通过在表单上指定操作来完成的：

<form method="post" action="newpage.html" id="form">

...但如果处理表单的页面与您要转到的页面不同，则您使用服务器端重定向。它的工作原理取决于您使用的服务器端语言。

Answer 2

看看jQuery.post。你可以尝试这样做。

<script>
  // Attach a submit handler to the form
  $( "#form" ).submit(function( event ) {
    // Stop form from submitting normally
    event.preventDefault();

    // Get some values from elements on the page:
    var $form = $( this ),
        exp = $form.find( "input[name='experience']" ).val(),
        url = $form.attr( "action" );

    // Send the data using post
    var posting = $.post({
      url: url,
      data: { experience: exp } );
      success: function( data ) {
        window.location='next.html';
      }
    });
  });
</script>

我如何提交表格并一次转到下一页？

2 个答案: