javascript - 动态更改表单提交中的 div 内容

Question

我创建了一个带有一些错误消息的登录页面。但是我只能显示一条错误消息。我的要求非常简单。
我有 2 个字段 email 和 password 当我点击 go 按钮时，如果没有电子邮件，它应该显示 输入电子邮件 .如果我输入了无效的电子邮件，它应该显示无效的电子邮件。
密码两次验证类似输入密码和输入有效密码。
为此，我需要动态添加错误消息。有人可以帮助我吗？

https://jsfiddle.net/jnzk9gv4/

Answer 1

最快的方法是在检测到问题时更改消息。

这里有:https://jsfiddle.net/jnzk9gv4/7/

var error = "";
if (!emailReg.test(userEmail)) {
    error = "Invalid email";
} else if (userEmail=="") {
    error = "Enter email";
} else if (!passReg.test(userPassword)) {
    error = "Invalid password";
} else if (userPassword=="") {
    error = "Enter password";
}
if (error != "") {
    $("#errorMessage").text(error);
    $(".invalidData").show();
} else {
    $(".invalidData").hide();
}