函数不是从使用 onClick 事件调用的主 JS 函数调用的

新生

我是一名新的网络开发人员。我在 HTML 页面模式中有一个按钮。使用 getElementById 捕获 Onclick 事件。然后，我试图调用验证函数 signinVals()。控制出现在这个函数上，但是这个函数没有被调用。“usrname”是此模式中的输入元素。

有人可以帮忙吗？

document.getElementById("loginBtn").onclick = function () {
    signinVals();
}

//all sign in validations
function signinVals() {
    validateEmail();

    if (validateEmail()) {
        validatePassword();
    }
}

// validate email 
function validateEmail() {
    var uemail = document.signinformid.usrname.value;
    alert(uemail.value);
    var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
    if (uemail.value.match(mailformat)) {
        return true;
        alert("Sign in: Corect email.");
    }
    else {
        alert("Sign in: Invalid email entered. Please recheck.");
        uemail.focus();
        return false;
    }
}

                <div class="modal-body">
                    <form role="form" name="signinformid">
                        <div class="form-group">
                            <label for="usrname" class="sr-only"><span class="glyphicon glyphicon-user"></span> Username</label>
                            <input type="text" class="form-control" id="usrname" placeholder="Enter user name (email id)">
                        </div>
                        <div class="form-group">
                            <label for="psw" class="sr-only"><span class="glyphicon glyphicon-eye-open"></span> Password</label>
                            <input type="text" class="form-control" id="psw" placeholder="Enter password">
                        </div>
                        <div class="checkbox">
                            <label><input type="checkbox" value="" checked>Remember me</label>
                        </div>
<!--                        <button type="submit" class="btn btn-success btn-block" onclick="signinVals(usrname,psw)"><span class="glyphicon glyphicon-off" ></span> Login</button>-->
                        <button type="submit" id="loginBtn" class="btn btn-success btn-block"> <span class="glyphicon glyphicon-off"></span>Login</button>
                    </form>
                </div>

t33n

如果我理解正确，也许这对你有帮助。当然是 jQuery 因为它很好写

  $('#loginBtn').click(function(){
  validateEmail();
  });


function validateEmail() {
    var uemail = $('#YOURTEXTAREAHERE').val();
    alert(uemail);
    validatePassword();

}

我也认为这是错误的，你永远不应该写