表单从Bootstrap 3和JSP get参数提交

Question

我是Bootstrap的新手.但我对HTML很熟悉.问题是我无法从JSP获取参数值.参数来自带有Bootstrap 3的HTML页面.这是代码.我不明白.如果我只创建简单的html页面,那么我可以得到参数.

<form class="form-horizontal" method="POST" action="makeResv.jsp">
    <div class="container"> 
        <div class="row">           
            <div class="control-group col-md-5">
                <label for="checkIn">date1</label>
                <div id="date-container">
                    <div class="input-group date">
                        <input type="text" id="checkIn" class="form-control"><span
                            class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
                    </div>
                </div>
            </div>
            <div class="control-group col-md-5">
                <label for="checkOut">date2</label>
                <div id="date-container">
                    <div class="input-group date">
                        <input type="text" id="checkOut" class="form-control"><span
                            class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
                    </div>
                </div>
            </div>
            <div class="col-md-2">
                <button type="submit" class="btn btn-success">search</button>
            </div>
        </div>
    </div>
</form>

在JSP页面中,我只是执行以下操作.

String checkIn = request.getParameter("checkIn");
String checkOut = request.getParameter("checkOut");
out.println(checkIn + " " + checkOut);

使用Bootstrap上面的HTML代码有什么问题？请给我一些建议.谢谢!!

顺便说一下,我正在使用datepicker JavaScript库,但我认为这不会影响结果.我不能在这里添加库代码,但无论如何它都很棒. https://github.com/eternicode/bootstrap-datepicker

Answer 1

Bootstrap与HTML相同.您遇到的问题是因为您name的input元素中没有定义任何属性.您定义id但要通过POST(request.getParameter()函数)访问提交的变量,您需要name定义属性:

替换这样的<input>行:

<input type="text" name="checkIn" id="checkIn" class="form-control">

和

<input type="text" name="checkOut" id="checkOut" class="form-control"><