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

时间:2012-12-21 06:01:21

标签: jquery

我正在尝试在用户输入今天之前的日期时显示警告。发生这种情况时,我想显示此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');
    }
});

有什么建议吗?

3 个答案:

答案 0 :(得分:2)

您需要使用this.value代替value

更改

var hiredate = new Date(value);

var hiredate = new Date(this.value);

答案 1 :(得分:0)

你可以这样做

$('[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();
    }
});

DEMO

尝试更改输入字段中的值

答案 2 :(得分:0)

试试这个

$('[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>");
    }
});