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

DEMO

嘗試改變值輸入字段

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>"); 
    } 
});