jquery - 如何将其变成“点击”错误消息？

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