html - 使用分页提交表单

Question

我有 4 个页面，用户可以在其中输入多个数据。我唯一的问题是 atm 没有一个按钮说提交，我希望分页 Next 成为提交数据的那个。

我怎样才能做到这一点？我尝试了一些东西，但它只是将我的分页下一个按钮更改为普通按钮。

我尝试在下一个按钮上使用 type="submit" 但它没有将数据提交到 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

我认为您可以为此使用 jQuery。

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