javascript - 检查提交时输入是否为空

Question

我正在尝试检查表单上的密码字段是否已在提交表单时填写，但它始终返回为“未定义”，因此我在提交表单时尝试运行的代码永远不会运行。

用户名字段似乎工作正常。

这是我的代码...

$("#form1").find("input[type=submit]").click( function() {
    if($(".username").val() != "" && $(".password").val() != "") {
        console.log("Success")
    } else {
        console.log("fail");
    }
});

Answer 1

您的 html 一定有问题，因为它似乎有效：

<form id="form1" method="post">
    <input type="text" class="username">
    <input type="text" class="password">
    <input type="submit" value="Submit">
</form>

在此处查看实时示例。

我有一种感觉，您可能会混淆使用“。”选择的类。使用“#”选择的 id，但如果我没有看到您的 html，我只是在猜测。