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

时间:2014-04-05 10:38:03

标签: forms jsp twitter-bootstrap-3 getparameter

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

1 个答案:

答案 0 :(得分:9)

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