jquery-mobile - フォームを使用したJqueryMobileダイアログ

Question

フォームが表示されたJQueryMobileダイアログがあります。

<form action="send" method="post">
    <input type="text"/>
    <input type="submit" />
</form>

フォームが送信されたら、ダイアログを閉じるか、前のページに戻りたいだけです。JQMでそれを行う方法。

Answer 1

次のサンプルをソリューションに合わせて調整してみてください。

    <div data-role="popup" id="popupLogin" data-theme="a" class="ui-corner-all">
        <form>
            <div style="padding:10px 20px;">
              <h3>Please sign in</h3>
              <label for="un" class="ui-hidden-accessible">Username:</label>
              <input type="text" name="user" id="un" value="" placeholder="username" data-theme="a" />

              <label for="pw" class="ui-hidden-accessible">Password:</label>
              <input type="password" name="pass" id="pw" value="" placeholder="password" data-theme="a" />

              <button type="submit" data-theme="b">Sign in</button>
            </div>
        </form>
    </div>