如何將其轉換為“單擊時”錯誤消息？

Question

我有一個包含電子郵件和密碼輸入的用戶注冊表格。

我有用於驗證電子郵件的jQuery排序，但在客戶端，如果密碼輸入為空，密碼是單擊提交時顯示錯誤。

頁面加載時我已經開始工作了

$(document).ready(function() {
    $(":input").each(function() {
       if($(this).val() === "")
            $('#password_default_value').show();
    });
});

但是需要獲取它，以便它僅在用戶單擊＃login-submit按鈕時檢查

我試過了

$(document).ready(function() {
    $('#login-submit').click(function() {
    $(":input").each(function() {
       if($(this).val() === "")
            $('#password_default_value').show();
    });
    }
});

但這是行不通的。 我猜我的代碼在某處嚴重錯誤，但是我看不到哪里。

有指針嗎？

Answer 1

您將括號弄亂了，請嘗試如下操作：

$(document).ready(function() {
    $('#login-submit').click(function() {
        $(":input").each(function() {
            if($(this).val() === "") {
                $('#password_default_value').show();
            }
        });
    });
});

同樣，如果#login-submit是表單的提交按鈕，則您應從點擊處理程序中返回false，否則當用戶單擊此提交按鈕時，頁面將導航離開，並且您的JavaScript可能沒有時間執行。