如何使用jQueryMobile提交表单

时间:2011-09-07 09:24:15

标签: javascript html forms mobile jquery-mobile

我无法使用方法帖子提交表单。

  1. 发生的第一个错误是405但是我能够使用此solution解决它。
  2. 现在出现403错误,我该如何解决?
  3. JS

    $(document).ready(function () {
        $('#loginForm').submit(function () {
            //some business logic...
            $.mobile.changePage($('#menuPage'));
        });
    });
    

    HTML

    <div data-role="page" id="loginPage">
        <div data-role="header"><h1>Login</h1></div>
        <div data-role="content">
            <form method="post" id="loginForm">
                <fieldset>
                    <label for="utilizadorText">Inserir Utilizador</label>
                    <input type="text" id="utilizadorText" name="utilizadorText" />
                    <label for="palavraChaveText">Inserir Palavra Chave</label>
                    <input type="password" id="palavraChaveText" name="palavraChaveText" />
                    <input type="submit" id="loginAnchor" class="submit" value="Login" />
                </fieldset>
            </form>
        </div>
    </div>     
    
    <div data-role="page" id="menuPage">
        <div data-role="header"><h1>Menu</h1></div>
        <div data-role="content">    
            Menu
        </div>
    </div>       
    

1 个答案:

答案 0 :(得分:0)

好像您正在尝试将表单提交到loginPage而不是将页面更改为menuPage。这对我来说没有意义。你想在这里采取什么行动?如果您希望能够从loginPage的上下文中获取表单数据,而不是将业务逻辑应用于它,那么下面的解决方案可能有所帮助。

Possible Solution #1