jquery - jquery ダイアログがページ上で jsp アクションを引き起こす

Question

ページを読み込むには、 action を使用しますResponseAction.do。

    HttpSession session = req.getSession();

    session.setAttribute("responses", clientService.getReponses());

    session.setAttribute("classes", clasService.getClasses());

    return "book";

Where book- ページの名前。ページにはダイアログフォームがあります

<div id="dialog-form" title="<fmt:message key='book'/>"
    style="font-family: times new roman;">
    <p class="validateTips">
        <fmt:message key="tips" />
    </p>
    <form action="BookRoomAction.do">
        <fieldset>
            <label for="apart"><fmt:message key="aclass" /></label> <select
                id="apart" name="classid"><c:forEach items="${classes}"
                    var="classes">
                    <option value="${classes.id}">${classes.id}</option>
                </c:forEach>
            </select> <label for="beds"><fmt:message key="beds_n" /></label> <input
                type="text" id="beds" name="beds" /> <label for="days"><fmt:message
                    key="days_n" /></label> <input type="text" id="days" name="days" /> <label
                for="fio"><fmt:message key="fio" /></label> <input type="text"
                id="fio" name="fio" />
        </fieldset>
    </form>
</div> 

しかし、ボタンを押して開くと

$( "#request" )
      .button()
      .click(function() {
        $( "#dialog-form" ).dialog( "open" );
      });

すぐに開閉します。デバッガーで、ボタンを押すと再び発生することがわかりましたResponseAction.do。

この問題を解決するには？ページ上のボタンは

<button id="request" class="ui-widget-header ui-corner-all ui-widget-content">