Попытка очистить поле ошибки, когда фокус находится в текстовом поле

Question

У меня есть ошибка <div> Я хотел бы очистить текст, когда пользователь возвращает фокус обратно в текстовое поле.

Проблема, когда я устанавливаю фокус назад, функция не срабатывает?

$(".mod_EasyTabCalculator_device_contribution_text").focus(function() { 

    $("#mod_EasyTabCalculator_display_error_msg").text(""); 

}); 

HTML

<div id="mod_EasyTabCalculator_device_contribution"> 
    <p id="mod_EasyTabCalculator_device_price_text">Enter your 
     <br />upfront contribution</p> 
    <div id="mod_EasyTabCalculator_device_text_box"> 
     <input class="go" id="mod_EasyTabCalculator_device_dollar_sign"> 
     <input type="text" value="" class="mod_EasyTabCalculator_device_contribution_text" name="down" id="mod_EasyTabCalculator_device_contribution_text" placeholder="Amount*" maxlength="6" size="6" runat="server" /> 
    </div> 
    <input id="mod_EasyTabCalculator_device_contribution_button" type="button" class="btn" value="Calculate Payment" onclick="calculatePayment()" /> 
</div> 
</form> 

Answer 1

Вы должны добавить JQuery в документе готовы так:

$(document).ready(function(){ 
    $(".mod_EasyTabCalculator_device_contribution_text").focus(function() { 
     alert("focus in!"); 
     $("#mod_EasyTabCalculator_display_error_msg").text(""); 

    }); 
}); 

Answer 2

если mod_EasyTabCalculator_device_contribution_text ваш входной идентификатор вам нужно, чтобы получить его с #

$("#mod_EasyTabCalculator_device_contribution_text").focus(function() { 

    $("#mod_EasyTabCalculator_display_error_msg").text(""); 

});