jQuery Mobile 空输入值答案

【问题标题】：JQuery Mobile Empty Input ValuejQuery Mobile 空输入值
【发布时间】：2014-04-15 07:01:21
【问题描述】：

我目前正在创建一个移动网站。我正在使用jquery mobile。我已经实现了登录，现在正在注册。

在登录页面我有一个简单的<a href="registration.html"></a>。在注册时，我正在记录输入，但“用户名”和“密码”字段似乎是空的，即使我输入了一些文本。刷新页面或直接从地址栏加载页面不会出现此问题。

正在触发 Pageinit。

我已经删除了缓存，但问题仍然存在。有谁知道为什么会这样？

这是我的代码：

<!-- PAGE LOGIN -->
    <div data-role="page" id="pageregistration">

        <div data-role="content">

            <input name="username" id="username" type="text" size="45" maxlength="45" placeholder="Username">
            <input name="email" id="email" type="text" size="45" maxlength="45" placeholder="Email">
            <input name="password" id="password" type="password" size="45" maxlength="45" placeholder="Password">
            <input name="passwordConfirm" id="passwordConfirm" type="password" size="45" maxlength="45" placeholder="Confirm Password">

            <button id="register">Create Account</button>


        </div>


        <script>

            $('#pageregistration').on('pageinit', function()
            {
                $("#register").click(function(e)
                {
                    e.preventDefault();

                    var username = document.getElementById('username').value;;
                    var email = document.getElementById('email').value;
                    var password = document.getElementById('password').value;
                    var passwordConfirm = document.getElementById('passwordConfirm').value;


                    console.log("Username: " + username + ", email: " + email + ", password: " + password + " - " + passwordConfirm);

                });
            });

        </script>

    </div>

【问题讨论】：

确保您没有在同一文档（其他页面）的其他地方使用相同的 ID。
非常感谢！这确实有帮助！

标签： javascript jquery html jquery-mobile hyperlink

【解决方案1】：

试试这个，因为pageinit 是在初始化页面后触发的。

表示您从某个地方（其他页面）进入注册页面

$(document).on("pageinit", "#pageregistration", function(event) {
//  rest of the code
});

【讨论】：

感谢您的快速回复。 “用户名”和“密码”的值仍然为空。我的日志仍然是：“用户名：，电子邮件：example@asd.com，密码：-asd”
pageinit 被触发，否则不会记录这些值。只有两个值无法读取。我输入了一个文本，但变量是空的

【解决方案2】：

感谢Omar 发现问题。我更改了 ID，一切正常。

【讨论】：