javascript - 从工具提示 html 元素中获取值

Question

我有一个图像，向用户显示一些文本字段(用户名和密码)作为工具提示。

<div class="user-pos">
    <ul id ="users" class="user-list">
        <li id="def-html" data-tooltip="#html-content"><img src="img/new.png" /></li>
    </ul>
    <div id = "html-content" style="display:none;">

        <p class="newuser">Create a new user account</p>
        <br/>
        <div class="col-lg-6">
            <label for="createUsername">Choose a username</label>
            <input type="text"  id="createUsername" required autocomplete="name">
            <label for="createPassword">Enter your password</label>
            <input type="password"  id="createPassword" required value="gdh" autocomplete="name">
        </div>
        <div class="col-lg-6">
            <label for="createEmail">Enter your email</label>
            <input type="text"  id="createEmail" required>
            <label for="createPasswordVerify">Confirm password</label>
            <input type="password"  id="createPasswordVerify"  required >
        </div>
        <div class="userbut"><button onclick="createAccount()"class="btn btn-sm btn-info">Create Account</button></div>

    </div>
</div>

此 JavaScript 函数旨在从这些字段获取值并使用它。

function createAccount() {
    var password = $('#createPassword').val();
    var veriPas = $('#createPasswordVerify').val();
    var username = $('#createUsername').val();
    var email = $('#createEmail').val();
    if (email.trim() === "") {
        alert('email  is empty');
    } else if (password.trim() === "") {
        alert('password  is empty');
    } else if (password != veriPas) {
        alert('Password did not match');
    } else {
        var isReg = app.regUser(email, password, 1, false);
        if (isReg) {
            alert('user created');
        } else {
            alert('no user creation');
        }
    }
}

问题是字段始终为空。当 div“html-content” 不用作工具提示时，js 代码可以工作，但如果当用户在图像周围显示为工具提示时，js 代码就会失败。我该如何解决这个问题

Answer 1

在您的html中，密码输入框的ID为“frmNameA” 但在你的 JavaScript 函数中你用

引用它

var password = $('#createPassword').val();

检查输入的 ID 是否与您的函数正在使用的 ID 相同。