Javascript jQuery Mobile在提交表单时一直加载多页文档的第一页

我一直在寻找数据ajax=false以外的解决方案，因为这对我来说不起作用

<h1>Login</h1>

                    <label for="uname">Username:</label>
                    <input type="text" name="uname" id="uname" value="" autocomplete="off" autocapitalize="off" />
                    <label for="pword">Password:</label>
                    <input type="password" name="pword" id="pword" value="" />
                    <input type="submit" value="Login" name="login_submit_btn" id="login_submit_btn" />
                </form>
<a href="#register" class="ui-btn ui-shadow ui-corner-all ui-mini">Go Register</a>

            </div>
        </div>
        <div id="register" data-role="page">
            <div data-role="content">
                <form id="register_form">

<h1>Register</h1>

                    <label for="uname_reg">Wanted Username:</label>
                    <input type="text" name="uname_reg" id="uname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="pword_reg">Password:</label>
                    <input type="password" name="pword_reg" id="pword_reg" value="" />
                    <label for="email_reg">Email:</label>
                    <input type="email" name="email_reg" id="email_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="fname_reg">First Name:</label>
                    <input type="text" name="fname_reg" id="fname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="lname_reg">Last Name:</label>
                    <input type="text" name="lname_reg" id="lname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <input type="submit" value="Register" />
<a href="#login" class="ui-btn ui-shadow ui-corner-all ui-mini ui-btn-inline">Go Login</a>

<a href="#tac" data-rel="popup" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-mini" data-transition="pop">You Accept our Terms</a>

                </form>
            </div>
        </div>
    </div>
</body>

无论如何，在我的Phonegap应用程序中，当我使用jquery mobile提交表单时，我需要通过jquery中的常规提交函数运行表单，以便在表单发送到服务器之前对其进行一些操作

<h1>Login</h1>

                    <label for="uname">Username:</label>
                    <input type="text" name="uname" id="uname" value="" autocomplete="off" autocapitalize="off" />
                    <label for="pword">Password:</label>
                    <input type="password" name="pword" id="pword" value="" />
                    <input type="submit" value="Login" name="login_submit_btn" id="login_submit_btn" />
                </form>
<a href="#register" class="ui-btn ui-shadow ui-corner-all ui-mini">Go Register</a>

            </div>
        </div>
        <div id="register" data-role="page">
            <div data-role="content">
                <form id="register_form">

<h1>Register</h1>

                    <label for="uname_reg">Wanted Username:</label>
                    <input type="text" name="uname_reg" id="uname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="pword_reg">Password:</label>
                    <input type="password" name="pword_reg" id="pword_reg" value="" />
                    <label for="email_reg">Email:</label>
                    <input type="email" name="email_reg" id="email_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="fname_reg">First Name:</label>
                    <input type="text" name="fname_reg" id="fname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="lname_reg">Last Name:</label>
                    <input type="text" name="lname_reg" id="lname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <input type="submit" value="Register" />
<a href="#login" class="ui-btn ui-shadow ui-corner-all ui-mini ui-btn-inline">Go Login</a>

<a href="#tac" data-rel="popup" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-mini" data-transition="pop">You Accept our Terms</a>

                </form>
            </div>
        </div>
    </div>
</body>

为了更安全，我第一次在手机上对它进行加密，然后才将其发送到数据库

<h1>Login</h1>

                    <label for="uname">Username:</label>
                    <input type="text" name="uname" id="uname" value="" autocomplete="off" autocapitalize="off" />
                    <label for="pword">Password:</label>
                    <input type="password" name="pword" id="pword" value="" />
                    <input type="submit" value="Login" name="login_submit_btn" id="login_submit_btn" />
                </form>
<a href="#register" class="ui-btn ui-shadow ui-corner-all ui-mini">Go Register</a>

            </div>
        </div>
        <div id="register" data-role="page">
            <div data-role="content">
                <form id="register_form">

<h1>Register</h1>

                    <label for="uname_reg">Wanted Username:</label>
                    <input type="text" name="uname_reg" id="uname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="pword_reg">Password:</label>
                    <input type="password" name="pword_reg" id="pword_reg" value="" />
                    <label for="email_reg">Email:</label>
                    <input type="email" name="email_reg" id="email_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="fname_reg">First Name:</label>
                    <input type="text" name="fname_reg" id="fname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="lname_reg">Last Name:</label>
                    <input type="text" name="lname_reg" id="lname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <input type="submit" value="Register" />
<a href="#login" class="ui-btn ui-shadow ui-corner-all ui-mini ui-btn-inline">Go Login</a>

<a href="#tac" data-rel="popup" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-mini" data-transition="pop">You Accept our Terms</a>

                </form>
            </div>
        </div>
    </div>
</body>

无论如何，在我需要使用JQM切换到多页方法之前，我可以提交一个表单，它不会提交任何问题

<h1>Login</h1>

                    <label for="uname">Username:</label>
                    <input type="text" name="uname" id="uname" value="" autocomplete="off" autocapitalize="off" />
                    <label for="pword">Password:</label>
                    <input type="password" name="pword" id="pword" value="" />
                    <input type="submit" value="Login" name="login_submit_btn" id="login_submit_btn" />
                </form>
<a href="#register" class="ui-btn ui-shadow ui-corner-all ui-mini">Go Register</a>

            </div>
        </div>
        <div id="register" data-role="page">
            <div data-role="content">
                <form id="register_form">

<h1>Register</h1>

                    <label for="uname_reg">Wanted Username:</label>
                    <input type="text" name="uname_reg" id="uname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="pword_reg">Password:</label>
                    <input type="password" name="pword_reg" id="pword_reg" value="" />
                    <label for="email_reg">Email:</label>
                    <input type="email" name="email_reg" id="email_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="fname_reg">First Name:</label>
                    <input type="text" name="fname_reg" id="fname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="lname_reg">Last Name:</label>
                    <input type="text" name="lname_reg" id="lname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <input type="submit" value="Register" />
<a href="#login" class="ui-btn ui-shadow ui-corner-all ui-mini ui-btn-inline">Go Login</a>

<a href="#tac" data-rel="popup" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-mini" data-transition="pop">You Accept our Terms</a>

                </form>
            </div>
        </div>
    </div>
</body>

但是，当我将HTML更改为多页设置时，我得到的只是对登录屏幕的刷新，即第一页，无论我是在登录还是注册

<h1>Login</h1>

                    <label for="uname">Username:</label>
                    <input type="text" name="uname" id="uname" value="" autocomplete="off" autocapitalize="off" />
                    <label for="pword">Password:</label>
                    <input type="password" name="pword" id="pword" value="" />
                    <input type="submit" value="Login" name="login_submit_btn" id="login_submit_btn" />
                </form>
<a href="#register" class="ui-btn ui-shadow ui-corner-all ui-mini">Go Register</a>

            </div>
        </div>
        <div id="register" data-role="page">
            <div data-role="content">
                <form id="register_form">

<h1>Register</h1>

                    <label for="uname_reg">Wanted Username:</label>
                    <input type="text" name="uname_reg" id="uname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="pword_reg">Password:</label>
                    <input type="password" name="pword_reg" id="pword_reg" value="" />
                    <label for="email_reg">Email:</label>
                    <input type="email" name="email_reg" id="email_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="fname_reg">First Name:</label>
                    <input type="text" name="fname_reg" id="fname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="lname_reg">Last Name:</label>
                    <input type="text" name="lname_reg" id="lname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <input type="submit" value="Register" />
<a href="#login" class="ui-btn ui-shadow ui-corner-all ui-mini ui-btn-inline">Go Login</a>

<a href="#tac" data-rel="popup" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-mini" data-transition="pop">You Accept our Terms</a>

                </form>
            </div>
        </div>
    </div>
</body>

另外，在测试中，如果我试图在函数内部警告任何东西，无论是否，都不会显示任何内容，因此测试路线对我来说不起作用

<h1>Login</h1>

                    <label for="uname">Username:</label>
                    <input type="text" name="uname" id="uname" value="" autocomplete="off" autocapitalize="off" />
                    <label for="pword">Password:</label>
                    <input type="password" name="pword" id="pword" value="" />
                    <input type="submit" value="Login" name="login_submit_btn" id="login_submit_btn" />
                </form>
<a href="#register" class="ui-btn ui-shadow ui-corner-all ui-mini">Go Register</a>

            </div>
        </div>
        <div id="register" data-role="page">
            <div data-role="content">
                <form id="register_form">

<h1>Register</h1>

                    <label for="uname_reg">Wanted Username:</label>
                    <input type="text" name="uname_reg" id="uname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="pword_reg">Password:</label>
                    <input type="password" name="pword_reg" id="pword_reg" value="" />
                    <label for="email_reg">Email:</label>
                    <input type="email" name="email_reg" id="email_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="fname_reg">First Name:</label>
                    <input type="text" name="fname_reg" id="fname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="lname_reg">Last Name:</label>
                    <input type="text" name="lname_reg" id="lname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <input type="submit" value="Register" />
<a href="#login" class="ui-btn ui-shadow ui-corner-all ui-mini ui-btn-inline">Go Login</a>

<a href="#tac" data-rel="popup" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-mini" data-transition="pop">You Accept our Terms</a>

                </form>
            </div>
        </div>
    </div>
</body>

最重要的是让我把表格交上来

<h1>Login</h1>

                    <label for="uname">Username:</label>
                    <input type="text" name="uname" id="uname" value="" autocomplete="off" autocapitalize="off" />
                    <label for="pword">Password:</label>
                    <input type="password" name="pword" id="pword" value="" />
                    <input type="submit" value="Login" name="login_submit_btn" id="login_submit_btn" />
                </form>
<a href="#register" class="ui-btn ui-shadow ui-corner-all ui-mini">Go Register</a>

            </div>
        </div>
        <div id="register" data-role="page">
            <div data-role="content">
                <form id="register_form">

<h1>Register</h1>

                    <label for="uname_reg">Wanted Username:</label>
                    <input type="text" name="uname_reg" id="uname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="pword_reg">Password:</label>
                    <input type="password" name="pword_reg" id="pword_reg" value="" />
                    <label for="email_reg">Email:</label>
                    <input type="email" name="email_reg" id="email_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="fname_reg">First Name:</label>
                    <input type="text" name="fname_reg" id="fname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="lname_reg">Last Name:</label>
                    <input type="text" name="lname_reg" id="lname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <input type="submit" value="Register" />
<a href="#login" class="ui-btn ui-shadow ui-corner-all ui-mini ui-btn-inline">Go Login</a>

<a href="#tac" data-rel="popup" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-mini" data-transition="pop">You Accept our Terms</a>

                </form>
            </div>
        </div>
    </div>
</body>

还有一件事，当我把代码放在JSFIDLE中时，所有的东西，警报和所有的东西，都能完美地工作

<h1>Login</h1>

                    <label for="uname">Username:</label>
                    <input type="text" name="uname" id="uname" value="" autocomplete="off" autocapitalize="off" />
                    <label for="pword">Password:</label>
                    <input type="password" name="pword" id="pword" value="" />
                    <input type="submit" value="Login" name="login_submit_btn" id="login_submit_btn" />
                </form>
<a href="#register" class="ui-btn ui-shadow ui-corner-all ui-mini">Go Register</a>

            </div>
        </div>
        <div id="register" data-role="page">
            <div data-role="content">
                <form id="register_form">

<h1>Register</h1>

                    <label for="uname_reg">Wanted Username:</label>
                    <input type="text" name="uname_reg" id="uname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="pword_reg">Password:</label>
                    <input type="password" name="pword_reg" id="pword_reg" value="" />
                    <label for="email_reg">Email:</label>
                    <input type="email" name="email_reg" id="email_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="fname_reg">First Name:</label>
                    <input type="text" name="fname_reg" id="fname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="lname_reg">Last Name:</label>
                    <input type="text" name="lname_reg" id="lname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <input type="submit" value="Register" />
<a href="#login" class="ui-btn ui-shadow ui-corner-all ui-mini ui-btn-inline">Go Login</a>

<a href="#tac" data-rel="popup" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-mini" data-transition="pop">You Accept our Terms</a>

                </form>
            </div>
        </div>
    </div>
</body>

所以我不知道这是不是电话鸿沟

<h1>Login</h1>

                    <label for="uname">Username:</label>
                    <input type="text" name="uname" id="uname" value="" autocomplete="off" autocapitalize="off" />
                    <label for="pword">Password:</label>
                    <input type="password" name="pword" id="pword" value="" />
                    <input type="submit" value="Login" name="login_submit_btn" id="login_submit_btn" />
                </form>
<a href="#register" class="ui-btn ui-shadow ui-corner-all ui-mini">Go Register</a>

            </div>
        </div>
        <div id="register" data-role="page">
            <div data-role="content">
                <form id="register_form">

<h1>Register</h1>

                    <label for="uname_reg">Wanted Username:</label>
                    <input type="text" name="uname_reg" id="uname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="pword_reg">Password:</label>
                    <input type="password" name="pword_reg" id="pword_reg" value="" />
                    <label for="email_reg">Email:</label>
                    <input type="email" name="email_reg" id="email_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="fname_reg">First Name:</label>
                    <input type="text" name="fname_reg" id="fname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="lname_reg">Last Name:</label>
                    <input type="text" name="lname_reg" id="lname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <input type="submit" value="Register" />
<a href="#login" class="ui-btn ui-shadow ui-corner-all ui-mini ui-btn-inline">Go Login</a>

<a href="#tac" data-rel="popup" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-mini" data-transition="pop">You Accept our Terms</a>

                </form>
            </div>
        </div>
    </div>
</body>

JS小提琴链接-

<h1>Login</h1>

                    <label for="uname">Username:</label>
                    <input type="text" name="uname" id="uname" value="" autocomplete="off" autocapitalize="off" />
                    <label for="pword">Password:</label>
                    <input type="password" name="pword" id="pword" value="" />
                    <input type="submit" value="Login" name="login_submit_btn" id="login_submit_btn" />
                </form>
<a href="#register" class="ui-btn ui-shadow ui-corner-all ui-mini">Go Register</a>

            </div>
        </div>
        <div id="register" data-role="page">
            <div data-role="content">
                <form id="register_form">

<h1>Register</h1>

                    <label for="uname_reg">Wanted Username:</label>
                    <input type="text" name="uname_reg" id="uname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="pword_reg">Password:</label>
                    <input type="password" name="pword_reg" id="pword_reg" value="" />
                    <label for="email_reg">Email:</label>
                    <input type="email" name="email_reg" id="email_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="fname_reg">First Name:</label>
                    <input type="text" name="fname_reg" id="fname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="lname_reg">Last Name:</label>
                    <input type="text" name="lname_reg" id="lname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <input type="submit" value="Register" />
<a href="#login" class="ui-btn ui-shadow ui-corner-all ui-mini ui-btn-inline">Go Login</a>

<a href="#tac" data-rel="popup" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-mini" data-transition="pop">You Accept our Terms</a>

                </form>
            </div>
        </div>
    </div>
</body>

代码

<h1>Login</h1>

                    <label for="uname">Username:</label>
                    <input type="text" name="uname" id="uname" value="" autocomplete="off" autocapitalize="off" />
                    <label for="pword">Password:</label>
                    <input type="password" name="pword" id="pword" value="" />
                    <input type="submit" value="Login" name="login_submit_btn" id="login_submit_btn" />
                </form>
<a href="#register" class="ui-btn ui-shadow ui-corner-all ui-mini">Go Register</a>

            </div>
        </div>
        <div id="register" data-role="page">
            <div data-role="content">
                <form id="register_form">

<h1>Register</h1>

                    <label for="uname_reg">Wanted Username:</label>
                    <input type="text" name="uname_reg" id="uname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="pword_reg">Password:</label>
                    <input type="password" name="pword_reg" id="pword_reg" value="" />
                    <label for="email_reg">Email:</label>
                    <input type="email" name="email_reg" id="email_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="fname_reg">First Name:</label>
                    <input type="text" name="fname_reg" id="fname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="lname_reg">Last Name:</label>
                    <input type="text" name="lname_reg" id="lname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <input type="submit" value="Register" />
<a href="#login" class="ui-btn ui-shadow ui-corner-all ui-mini ui-btn-inline">Go Login</a>

<a href="#tac" data-rel="popup" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-mini" data-transition="pop">You Accept our Terms</a>

                </form>
            </div>
        </div>
    </div>
</body>

HTML

<h1>Login</h1>

                    <label for="uname">Username:</label>
                    <input type="text" name="uname" id="uname" value="" autocomplete="off" autocapitalize="off" />
                    <label for="pword">Password:</label>
                    <input type="password" name="pword" id="pword" value="" />
                    <input type="submit" value="Login" name="login_submit_btn" id="login_submit_btn" />
                </form>
<a href="#register" class="ui-btn ui-shadow ui-corner-all ui-mini">Go Register</a>

            </div>
        </div>
        <div id="register" data-role="page">
            <div data-role="content">
                <form id="register_form">

<h1>Register</h1>

                    <label for="uname_reg">Wanted Username:</label>
                    <input type="text" name="uname_reg" id="uname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="pword_reg">Password:</label>
                    <input type="password" name="pword_reg" id="pword_reg" value="" />
                    <label for="email_reg">Email:</label>
                    <input type="email" name="email_reg" id="email_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="fname_reg">First Name:</label>
                    <input type="text" name="fname_reg" id="fname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="lname_reg">Last Name:</label>
                    <input type="text" name="lname_reg" id="lname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <input type="submit" value="Register" />
<a href="#login" class="ui-btn ui-shadow ui-corner-all ui-mini ui-btn-inline">Go Login</a>

<a href="#tac" data-rel="popup" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-mini" data-transition="pop">You Accept our Terms</a>

                </form>
            </div>
        </div>
    </div>
</body>

---

顺便说一句，额外的deviceready函数是用于phonegap的，所以就这样吧。从未引起过任何问题。

您放弃了返回错误；提交时；功能

<h1>Login</h1>

                    <label for="uname">Username:</label>
                    <input type="text" name="uname" id="uname" value="" autocomplete="off" autocapitalize="off" />
                    <label for="pword">Password:</label>
                    <input type="password" name="pword" id="pword" value="" />
                    <input type="submit" value="Login" name="login_submit_btn" id="login_submit_btn" />
                </form>
<a href="#register" class="ui-btn ui-shadow ui-corner-all ui-mini">Go Register</a>

            </div>
        </div>
        <div id="register" data-role="page">
            <div data-role="content">
                <form id="register_form">

<h1>Register</h1>

                    <label for="uname_reg">Wanted Username:</label>
                    <input type="text" name="uname_reg" id="uname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="pword_reg">Password:</label>
                    <input type="password" name="pword_reg" id="pword_reg" value="" />
                    <label for="email_reg">Email:</label>
                    <input type="email" name="email_reg" id="email_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="fname_reg">First Name:</label>
                    <input type="text" name="fname_reg" id="fname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="lname_reg">Last Name:</label>
                    <input type="text" name="lname_reg" id="lname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <input type="submit" value="Register" />
<a href="#login" class="ui-btn ui-shadow ui-corner-all ui-mini ui-btn-inline">Go Login</a>

<a href="#tac" data-rel="popup" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-mini" data-transition="pop">You Accept our Terms</a>

                </form>
            </div>
        </div>
    </div>
</body>

您已经将其放在Ajax回调中，需要将其放在提交代码的末尾，如下所示：

<h1>Login</h1>

                    <label for="uname">Username:</label>
                    <input type="text" name="uname" id="uname" value="" autocomplete="off" autocapitalize="off" />
                    <label for="pword">Password:</label>
                    <input type="password" name="pword" id="pword" value="" />
                    <input type="submit" value="Login" name="login_submit_btn" id="login_submit_btn" />
                </form>
<a href="#register" class="ui-btn ui-shadow ui-corner-all ui-mini">Go Register</a>

            </div>
        </div>
        <div id="register" data-role="page">
            <div data-role="content">
                <form id="register_form">

<h1>Register</h1>

                    <label for="uname_reg">Wanted Username:</label>
                    <input type="text" name="uname_reg" id="uname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="pword_reg">Password:</label>
                    <input type="password" name="pword_reg" id="pword_reg" value="" />
                    <label for="email_reg">Email:</label>
                    <input type="email" name="email_reg" id="email_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="fname_reg">First Name:</label>
                    <input type="text" name="fname_reg" id="fname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="lname_reg">Last Name:</label>
                    <input type="text" name="lname_reg" id="lname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <input type="submit" value="Register" />
<a href="#login" class="ui-btn ui-shadow ui-corner-all ui-mini ui-btn-inline">Go Login</a>

<a href="#tac" data-rel="popup" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-mini" data-transition="pop">You Accept our Terms</a>

                </form>
            </div>
        </div>
    </div>
</body>

$("#login_form").submit(function () {
            event.preventDefault();

            alert("Login Alert");

            $("#uname").blur();
            $("#pword").blur();
            $("#uname_reg").blur();
            $("#pword_reg").blur();
            $("#email_reg").blur();
            $("#fname_reg").blur();
            $("#lname_reg").blur();

            var NoHashPwd = $("#pword").val();
            var pwd = hex_sha512(NoHashPwd);
            var usrname = $("#uname").val();

            var loginData = {
                "uname": usrname,
                    "p": pwd
            };

            $.ajax({
                type: "POST",
                url: "Not Telling",
                data: loginData,
                cache: false,
                async: false,
                dataType: "json",
                success: function (resp) {
                    if (resp.msg === "good") {
                        doGeolocate();
                    } else {
                        alert(resp.msg);
                    }

                    $("#uname").val("");
                    $("#pword").val("");
                    $("#uname_reg").val("");
                    $("#pword_reg").val("");
                    $("#email_reg").val("");
                    $("#fname_reg").val("");
                    $("#lname_reg").val("");

                    return false;
                }
            });
            return false; // avoid to execute the actual submit of the form.
        });

---

您的代码没有问题，deviceready事件仅在设备准备就绪时触发。 警报正在工作。对于测试，请使用以下各项：

<h1>Login</h1>

                    <label for="uname">Username:</label>
                    <input type="text" name="uname" id="uname" value="" autocomplete="off" autocapitalize="off" />
                    <label for="pword">Password:</label>
                    <input type="password" name="pword" id="pword" value="" />
                    <input type="submit" value="Login" name="login_submit_btn" id="login_submit_btn" />
                </form>
<a href="#register" class="ui-btn ui-shadow ui-corner-all ui-mini">Go Register</a>

            </div>
        </div>
        <div id="register" data-role="page">
            <div data-role="content">
                <form id="register_form">

<h1>Register</h1>

                    <label for="uname_reg">Wanted Username:</label>
                    <input type="text" name="uname_reg" id="uname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="pword_reg">Password:</label>
                    <input type="password" name="pword_reg" id="pword_reg" value="" />
                    <label for="email_reg">Email:</label>
                    <input type="email" name="email_reg" id="email_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="fname_reg">First Name:</label>
                    <input type="text" name="fname_reg" id="fname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="lname_reg">Last Name:</label>
                    <input type="text" name="lname_reg" id="lname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <input type="submit" value="Register" />
<a href="#login" class="ui-btn ui-shadow ui-corner-all ui-mini ui-btn-inline">Go Login</a>

<a href="#tac" data-rel="popup" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-mini" data-transition="pop">You Accept our Terms</a>

                </form>
            </div>
        </div>
    </div>
</body>

$(document).ready(function () {
"use strict";
onDeviceReady();

});

我冒昧地检查了您的代码，并将其作为一种恭维。 请在调用Declare函数之前找到下面的完整代码，这就是deviceready调用的结尾

<h1>Login</h1>

                    <label for="uname">Username:</label>
                    <input type="text" name="uname" id="uname" value="" autocomplete="off" autocapitalize="off" />
                    <label for="pword">Password:</label>
                    <input type="password" name="pword" id="pword" value="" />
                    <input type="submit" value="Login" name="login_submit_btn" id="login_submit_btn" />
                </form>
<a href="#register" class="ui-btn ui-shadow ui-corner-all ui-mini">Go Register</a>

            </div>
        </div>
        <div id="register" data-role="page">
            <div data-role="content">
                <form id="register_form">

<h1>Register</h1>

                    <label for="uname_reg">Wanted Username:</label>
                    <input type="text" name="uname_reg" id="uname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="pword_reg">Password:</label>
                    <input type="password" name="pword_reg" id="pword_reg" value="" />
                    <label for="email_reg">Email:</label>
                    <input type="email" name="email_reg" id="email_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="fname_reg">First Name:</label>
                    <input type="text" name="fname_reg" id="fname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <label for="lname_reg">Last Name:</label>
                    <input type="text" name="lname_reg" id="lname_reg" value="" autocomplete="off" autocapitalize="off" />
                    <input type="submit" value="Register" />
<a href="#login" class="ui-btn ui-shadow ui-corner-all ui-mini ui-btn-inline">Go Login</a>

<a href="#tac" data-rel="popup" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-mini" data-transition="pop">You Accept our Terms</a>

                </form>
            </div>
        </div>
    </div>
</body>

/*jslint browser: true*/
/*global $, jQuery, alert, hex_sha512 */

function onDeviceReady() {
"use strict";
$(document).ready(function () {
    $("#login_form").submit(function () {
        event.preventDefault();

        alert("Login Alert");

        $("#uname").blur();
        $("#pword").blur();
        $("#uname_reg").blur();
        $("#pword_reg").blur();
        $("#email_reg").blur();
        $("#fname_reg").blur();
        $("#lname_reg").blur();

        var NoHashPwd = $("#pword").val(),
            pwd = hex_sha512(NoHashPwd),
            usrname = $("#uname").val(),
            loginData = {
                "uname": usrname,
                "p": pwd
            };

        $.ajax({
            type: "POST",
            url: "Not Telling",
            data: loginData,
            cache: false,
            async: false,
            dataType: "json",
            success: function (resp) {
                if (resp.msg === "good") {
                    alert("good");
                    //doGeolocate();
                } else {
                    alert(resp.msg);
                }

                $("#uname").val("");
                $("#pword").val("");
                $("#uname_reg").val("");
                $("#pword_reg").val("");
                $("#email_reg").val("");
                $("#fname_reg").val("");
                $("#lname_reg").val("");

                return false;
            }
        });
    });

    $("#register_form").submit(function () {
        event.preventDefault();

        alert("Login Alert");

        $("#uname").blur();
        $("#pword").blur();
        $("#uname_reg").blur();
        $("#pword_reg").blur();
        $("#email_reg").blur();
        $("#fname_reg").blur();
        $("#lname_reg").blur();

        var NoHashPwd = $("#pword_reg").val(),
            p = hex_sha512(NoHashPwd),
            uname = $("#uname_reg").val(),
            fname = $("#fname_reg").val(),
            lname = $("#lname_reg").val(),
            email = $("#email_reg").val(),
            regData = {
                "uname": uname,
                "p": p,
                "fname": fname,
                "lname": lname,
                "email": email
            };

        $.ajax({
            type: "POST",
            url: "Not Telling",
            data: regData,
            cache: false,
            async: false,
            dataType: "json",
            success: function (resp) {
                if (resp.flag === "good") {
                    //doGeolocate();
                    alert("success");
                } else {
                    alert(resp.flag);
                }

                $("#uname").val("");
                $("#pword").val("");
                $("#uname_reg").val("");
                $("#pword_reg").val("");
                $("#email_reg").val("");
                $("#fname_reg").val("");
                $("#lname_reg").val("");

                return false;
            }
        });
    });
});
}

$(document).ready(function () {
"use strict";
onDeviceReady();

});

document.addEventListener("deviceready", onDeviceReady, false);

---

不是我干的。它仍然只是刷新回应用程序和js fiddle上的登录页面。1使用$document.onpageinit、pageID、函数{此页面的代码/处理程序等…}；而不是，准备好了。2以表单和用法包装登录字段。例如，在$login_formID.onsubmit上，函数{reset of code}@奥马尔：出于某种原因，代码在顶部被固定。我有表格标签。而且，.on也没有帮助。谢谢。下面的DeviceRady是一个好建议，但没有帮助。我只是想知道这是否是因为jquerymobile和拥有多个页面造成的问题。这并不能解释警报问题tho。