Question

我现在拥有的。

$('form input[name="birthDate"])').blur(function () {
      var dob = $("#dob").val();
      if(dob == "") {
        $("#dobAlert").show();
        $("#laba").attr("disabled", true);
      } else {
        $("#dobAlert").hide();
      }
    });

如果输入为空，＃laba是我想要禁用的按钮。我知道如果我将required放在输入标签中，我可以禁用该按钮。但我遇到的问题是它没有显示警报。

Code here

Answer 1

类型日期的输入不会返回空，因为那里会有日期占位符（dd / mm / yyyy）。您可以测试该值是否为有效日期。

首先，修复你的jQuery选择器，因为那里有一个额外的括号。也可以使用.prop()代替.attr()来切换已禁用的属性。

$('input[name="birthDate"]').blur(function () {
    var dob = $("#dob").val();

    if (!Date.parse(dob)) {
        $("#dobAlert").show();
        $("#laba").prop("disabled", true);
    } else {
        $("#dobAlert").hide();
    }
});

Demo

另一种方法是检查像@Callebe建议的Falsy：

$('input[name="birthDate"]').blur(function () {
    if (!$("#dob").val()) {
        $("#dobAlert").show();
        $("#laba").prop("disabled", true);
    } else {
        $("#dobAlert").hide();
    }
});

Demo

jQuery：如何检查日期输入字段是否为空

1 个答案: