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

Question

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

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