jquery - jQueryは入力値をチェックし、値に基づいて警告を表示します

Question

ユーザーが今日より前の日付を入力したときに警告を表示しようとしています。この場合、このスパンタグを表示したいと思います。また、スパンがすでに存在するかどうかを確認する必要があるため、再度追加することはありません。

これが私がこれまでに持っているものです：

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