フォーム提出のdivコンテンツを動的に変更

Question

いくつかのエラーメッセージで1つのログインページを作成しました。しかし、1つのエラーメッセージしか表示できません。
goボタンをクリックすると、enter emailという2つのフィールドがあります。無効なメールを入力した場合はinvalid emailと表示されます。
パスワード2の検証と同様です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(); 
}