jquery - jQuery检查输入值并根据值显示警告

Question

当用户输入今天之前的日期时，我试图向他们显示警告。发生这种情况时，我想显示这个 span 标签。我还需要检查跨度是否已经存在，所以我不再添加它。

这是我到目前为止所拥有的：

$('[name="input_name"]').blur(function(){
        var today = new Date();
        var hiredate = new Date(value);
        if (hiredate < today) {
        $(this).after("<span class='date_warning'>Warning hire</span>");
    }
    else{
        $('span').remove('.date_warning');
    }
});

有什么建议么？

Answer 1

您需要使用this.value而不是value

改变

var hiredate = new Date(value);

到

var hiredate = new Date(this.value);

Answer 2

你可以这样做

$('[name="input_name"]').blur(function(){
        var today = new Date();
        var hiredate = new Date($(this).val());
        if (hiredate < today) {
        $(this).next('.date_warning').remove();
        $(this).after("<span class='date_warning'>Warning hire</span>");
    }
    else{
        $(this).next('.date_warning').remove();
    }
});

演示

尝试更改输入字段中的值

Answer 3

试试这个

$('[name="input_name"]').blur(function(){
    $('.date_warning').remove();
    var today = new Date();
    var hiredate = new Date(this.value);
    if (hiredate < today) {
        $(this).after("<span class='date_warning'>Warning hire</span>");
    }
});