Javascript JQuery移动空输入值

Javascript JQuery移动空输入值,javascript,jquery,html,jquery-mobile,hyperlink,Javascript,Jquery,Html,Jquery Mobile,Hyperlink,我目前正在创建一个移动网站。我用的是jquery手机。 我已经实现了登录,现在正在进行注册 在登录页面上,我有一个简单的。在注册时,我会记录输入,但“用户名”和“密码”字段似乎是空的,即使我输入了一些文本。刷新页面或直接从地址栏加载页面后,不会出现此问题 正在触发Pageinit 我已删除缓存,但问题仍然存在。有人知道为什么会这样吗 这是我的代码: <!-- PAGE LOGIN --> <div data-role="page" id="pageregistratio

我目前正在创建一个移动网站。我用的是jquery手机。 我已经实现了登录,现在正在进行注册

在登录页面上,我有一个简单的
。在注册时,我会记录输入,但“用户名”和“密码”字段似乎是空的,即使我输入了一些文本。刷新页面或直接从地址栏加载页面后,不会出现此问题

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

创建帐户
$('#pageregistration')。on('pageinit',function()
{
$(“#注册”)。单击(功能(e)
{
e、 预防默认值();
var username=document.getElementById('username').value;;
var email=document.getElementById('email')。值;
var password=document.getElementById('password')。值;
var passwordConfirm=document.getElementById('passwordConfirm')。值;
console.log(“用户名:“+Username+”,电子邮件:“+email+”,密码:“+password+”-“+passwordConfirm”);
});
});

尝试此操作,因为在初始化发生后,
pageinit
在被初始化的页面上被触发

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


多亏了你,问题才被发现。我更改了ID,一切正常。

谢谢您的快速回复。“用户名”和“密码”的值仍然为空。我的日志仍然是:“用户名:,电子邮件:example@asd.com,password:-asd“pageinit被触发,否则将不会记录这些值。只有两个值无法读取。我输入了一个文本,但是变量是空的。请确保您没有在同一文档(其他页面)的其他地方使用相同的ID。非常感谢!这确实有帮助!
$(document).on("pageinit", "#pageregistration", function(event) {
//  rest of the code
});