使用 JavaScript 創建注冊表單時出現錯誤消息重疊

Question

我一直在嘗試創建帶有關於條件驗證的錯誤消息的注冊表單。 實現在瀏覽器上獲取錯誤消息，但消息重疊。 完整代碼已上傳至 Github。 請讓我知道錯誤。 https://github.com/manojsiva/CapStone_Project_Using_JavaScript 。

Answer 1

你犯了幾個錯誤：

您在開始時初始化的所有變量都設置為空字符串"" ，因為當您獲得輸入字段的值時，即瀏覽器解析您的 JS 文件時，用戶還沒有輸入任何內容。 這是人們常犯的錯誤。 相反，您只需查詢元素，然后在用戶提交時檢索值。 像這樣：

const username = document.getElementById("username");

//then later retrieve the value:
const usernameValue = username.value.trim();

但是，每次需要檢索一個值時輸入這么多是很煩人的，您可以創建一個 function 來做到這一點：

function value(element) {
    return element.value.trim();
}

value(username);

另一件事是您的checkInput()永遠不會返回任何內容，因此它始終評估為underfined精細，這就是為什么它每次都進入您的“真實”語句中的原因。 因此，無論用戶是否填寫了所有字段， checkInput()都應該返回 boolean true或false 。

據我所知， setErrorFor(input, message)和setSuccessFor(input)將input作為elements ，但是您將variables傳遞到這些 function 中。 您需要再次檢查