Javascript Can'；t点击按钮读取输入值

我正在尝试实现登录表单，我正在使用一些我在网上找到的模板。我使用append（）函数将其动态添加到我的页面。登录表单具有以下结构：

<div class="logmod__container">
<ul class="logmod__tabs">
    <li data-tabtar="lgm-2" class="current"><a href="#">Login</a></li>
    <li data-tabtar="lgm-1"><a href="#">Sign Up</a></li>
</ul>
<div class="logmod__tab-wrapper">
    <div class="logmod__tab lgm-1">
        <div class="logmod__heading">
            <span class="logmod__heading-subtitle">Enter your personal details <strong>to create an acount</strong></span>
        </div>
        <div class="logmod__form">
            <form accept-charset="utf-8" action="#" class="simform">
                <div class="sminputs">
                    <div class="input full">
                        <label class="string optional" for="user-name">Email*</label>
                        <input class="string optional" maxlength="255" id="user-email" placeholder="Email" type="text" size="50">
                    </div>
                </div>
                <div class="sminputs">
                    <div class="input string optional">
                        <label class="string optional" for="user-pw">Password *</label>
                        <input class="string optional" maxlength="255" id="user-pw" placeholder="Password" type="text" size="50">
                    </div>
                    <div class="input string optional">
                        <label class="string optional" for="user-pw-repeat">Repeat password *</label>
                        <input class="string optional" maxlength="255" id="user-pw-repeat" placeholder="Repeat password" type="text" size="50">
                    </div>
                </div>
                <div class="simform__actions">
                    <input class="sumbit" name="commit" type="button" value="Create Account">
                    <span class="simform__actions-sidetext">By creating an account you agree to our <a class="special" href="#" target="_blank" role="link">Terms &amp; Privacy</a></span>
                </div>
            </form>
        </div>
        <div class="logmod__alter">
            <div class="logmod__alter-container">
                <a href="#" class="connect facebook">
                    <div class="connect__icon">
                        <i class="fa fa-facebook"></i>
                    </div>
                    <div class="connect__context">
                        <span>Create an account with <strong>Facebook</strong></span>
                    </div>
                </a>
                <a href="#" class="connect googleplus">
                    <div class="connect__icon">
                        <i class="fa fa-google-plus"></i>
                    </div>
                    <div class="connect__context">
                        <span>Create an account with <strong>Google+</strong></span>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <div class="logmod__tab lgm-2 show">
        <div class="logmod__heading">
            <span class="logmod__heading-subtitle">Enter your email and password <strong>to sign in</strong></span>
        </div>
        <div class="logmod__form">
            <form accept-charset="utf-8" action="#" class="simform">
                <div class="sminputs">
                    <div class="input full">
                        <label class="string optional" for="user-name">Email*</label>
                        <input class="string optional" maxlength="255" id="user-email" placeholder="Email" type="text" size="50">
                    </div>
                </div>
                <div class="sminputs">
                    <div class="input full">
                        <label class="string optional" for="user-pw">Password *</label>
                        <input class="string optional" maxlength="255" id="user-pw" placeholder="Password" type="password" size="50">
                        <span class="hide-password">Show</span>
                    </div>
                </div>
                <div class="simform__actions">
                    <input class="sumbit" name="commit" type="button" value="Log In">
                    <span class="simform__actions-sidetext">
                        <a class="special" role="link" href="#">Forgot your password?<br>Click here</a>
                    </span>
                </div>
            </form>
        </div>
        <div class="logmod__alter">
            <div class="logmod__alter-container">
                <a href="#" class="connect facebook">
                    <div class="connect__icon">
                        <i class="fa fa-facebook"></i>
                    </div>
                    <div class="connect__context">
                        <span>Sign in with <strong>Facebook</strong></span>
                    </div>
                </a>
                <a href="#" class="connect googleplus">
                    <div class="connect__icon">
                        <i class="fa fa-google-plus"></i>
                    </div>
                    <div class="connect__context">
                        <span>Sign in with <strong>Google+</strong></span>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>

或

或

或

阅读我在输入字段中输入的电子邮件，但所有这些都只返回我“”。

---

我最后一次尝试是添加onfocusout处理程序，在单击按钮之前读取值并将其存储到全局变量中，但这两种方法都不起作用。

如果您试图在页面加载中检索值，您将有空值。但是，如果您试图检索某些事件的值，例如单击“创建帐户”按钮时，您应该能够看到显示的电子邮件值。 检查下面的代码片段：（我已经将电子邮件的重复输入ID更改为

user-email

和

user-email2

）

片段：

$（'#创建'）。单击（函数（）{
var email=$（“#用户电子邮件”）.val（）；
控制台日志（电子邮件）；
});







输入您的个人详细信息以创建帐户
电子邮件*
密码*
重复密码*
通过创建帐户，您同意我们的
输入您的电子邮件和密码以登录
电子邮件*
密码*
显示
您有重复的ID。您有两个id为“用户电子邮件”的输入，两个id为“用户pw”的输入必须是唯一的。它从页面上的最后一个字段中获取值，这可能不是您要输入值的字段
您有重复的ID。您有两个id为“用户电子邮件”的输入，两个id为“用户pw”的输入必须是唯一的。它从页面上的最后一个值中获取值，而这可能不是您要输入值的值。重复ID不是问题所在。事实上，我解决了这个问题，你的评论是我解决问题的导火索。非常感谢。我已经显示了添加到单击的选项卡中的类，并且我使用该类和id选择了输入。
var email = document.getElementById('user-email');
var val = email.value;

var email = $('#user-email').val();

var email = $('#user-email').text();

var email = $('#user-email').attr("value");