jquery - 如何将其变成 'on click'错误消息？

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可能没有时间执行。