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

Question

我创建了一个包含错误消息的登录页面。但是我只能显示单个错误消息。我的要求非常简单。
当我点击<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <!-- for displaying the array with every number as a BUTTON--> <div id="arrayStatus"> </div>按钮时，我有2个字段email和password如果没有应该显示的电子邮件go。如果我输入了无效的电子邮件，则应显示{{1} }}。
类似于密码二验证enter email和invalid email。  
为此我需要动态添加错误信息。任何人都可以帮助我吗？请。

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();
}