Question

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

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

正在触发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>

Answer 1

尝试使用此方法，因为初始化后，在初始化页面上会触发pageinit。

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

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

Answer 2

感谢Omar发现问题。我更改了ID，一切都按预期工作。

JQuery Mobile空输入值

2 个答案: