在表單提交中動態更改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(); 
}