Twitter引导模式撤消模态提交所做的更改

时间:2013-08-14 20:45:07

标签: twitter-bootstrap modal-dialog

我有一个jsp表单,其中包含开始日期和结束日期作为输入字段。 我在jsp上也有一个按钮,打开一个twitter bootstrap模式,另一个形式有搜索周期作为字段。

提交搜索周期应该关闭模式并在jsp中更新开始日期。

但是现在我提交的模式提交了搜索周期,并且还更新了开始日期,但如果单击表单上的任意位置,则撤消开始期间的更改。

任何人都可以帮助我: 这是我的模态:

 <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 id="myModalLabel">IpPortMac Preferences</h4>
    </div>
    <form:form class="form-horizontal" modelAttribute="ipPortMacPref" id="updatePreferencesForm">

    <div class="modal-body">
            <div class="control-group">
                <form:label class="control-label" path="searchPeriod">Default Search Period:  </form:label>
                <div class="controls">
                    <div class="input-append" id="searchPeriod">
                        <form:input path='searchPeriod' name='searchPeriod' id="sPeriod"/>
                    </div>
                    <div class="input-append">Days</div>
                </div>
            </div>
    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
        <button class="btn btn-primary" name="submit" data-toggle="model" type="submit" value="submit">Save changes</button>
    </div>
    </form:form>

</div>

0 个答案:

没有答案