通過的onblur觸發如何檢查元素具有與jQuery

Question

HTML

<input type="text" id="trainingFee" name ="training Fee" class="number error" value="" onblur="callMe()"> 

jQuery的

function callMe(){ 
     if($this.id).hasClass('error')){ 
     alert("has error class");  
} 

}

一定的階級，但是這是行不通的。我究竟做錯了什麼？

Answer 1

您正在嘗試使用這上下文來訪問該元素的電流id .. 你需要將它傳遞給函數爲了做到這一點

的onblur =「呼我（這）」

function callMe(elem){ 
     if($(elem).hasClass('error')){ 
     alert("has error class");  
} 
} 

否則，你可以試試這個方法

FIDDLE

$(function() { 
    $('#trainingFee').on('blur', function() { 
     if ($(this).hasClass('error')) { 
      alert("has error class"); 
     } 
    }); 
});​ 

<input type="text" id="trainingFee" name ="training Fee" class="number error" value="" /> 

Answer 2

你可以試試：

if ($(this).is('.error')) { 
    ... 
} 

Answer 3

您應該刪除從HTML的onblur屬性，只是做這一切與jQuery。

$('#trainingFee').blur(function() { 
    if ($(this).hasClass('error')) { 
     alert('has error class'); 
    } 
}​);​