ページネーションを使用してフォームを送信

Question

ユーザーが複数のデータを入力する4ページあります。私の唯一の問題点は、submitというボタンが表示されているのではなく、Nextというページネーションがデータを送信するものであることでした。

どうすればいいですか？私はいくつかのものを試しましたが、それは私のページネーションの次のボタンを通常のボタンに変えます。

は、私は次のボタンをtype="submit"を使用しようとしましたが、それは私はあなたがこのためにjQueryを使用することができると思いEnvironmentData

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/moment.min.js"></script> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/js/bootstrap-datetimepicker.min.js"></script> 
 

 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> 
 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/css/bootstrap-datetimepicker.min.css"> 
 

 
    <link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet"> 
 

 

 
<div class="container"> 
 
    <form action="EnvironmentData" method="get" id="page1"> 
 
    <div class="row"> 
 
    <div class="col-md-5"> 
 
     <div class="row"> 
 
      <div class="form-group"> 
 
        <label>Name:</label><input type="text" class="form-control" name="name"> 
 
      </div> 
 
     </div> 
 
    <div class="row"> 
 
    <!--Pagination--> 
 
    <div class="text-center"> 
 
     <nav> 
 
      <ul class="pagination text-center"> 
 
       <li class="page-item"><a class="page-link" href="#">Previous</a></li> 
 
       <li class="page-item active"><a class="page-link" href="GeneralSetup.jsp">1</a></li> 
 
       <li class="page-item"><a class="page-link" href="Clients.jsp">2</a></li> 
 
       <li class="page-item"><a class="page-link" href="Accounts.jsp">3</a></li> 
 
       <li class="page-item"><a class="page-link" href="Transactions.jsp">4</a></li> 
 
       <li class="page-item"><a type="submit" class="page-link" href="Clients.jsp">Next</a></li> 
 
      </ul> 
 
     </nav> 
 
    </div> 
 
    </div> 
 
    </form>

Answer 1

にデータを提出するdoesntの。

$('#next').click(function(){ 
    $('#myForm').submit(); 
}); 

Answer 2

私はこれがあなたが探していることを望みます。 JavaScriptを

<li class="page-item"><a type="submit" class="page-link" href="Clients.jsp" onclick="submitForm()">Next</a></li> 

そして追加：

まず、JavaScriptを前に、あなたの "次" アンカータグに、onclickイベントを追加します。

あなたはこのためにJavaScriptを使用することができます

<script> 
function submitForm(){ 
document.getElementById("page1").submit(); 
} 
</script>