javascript - 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

thisコンテキストを使用して要素の現在の ID にアクセスしようとしています。これを行うには、それを関数に渡す必要があります。

onblur="callMe(これ)"

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

それ以外の場合は、このアプローチを試すことができます

フィドル

$(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=""  /> 

</p>

Answer 2

HTML から属性を削除し、onblurすべて jQuery で行う必要があります。

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

Answer 3

あなたが試すことができます：

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