尝试在焦点位于文本框时清除错误框

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是你输入的ID，你需要#

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

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

});