easyui-textbox失去焦点、获得焦点事件

Question

先上图

如上图所示，这是点击“新增”按钮弹出的原始dialog，然后点击“用户名”输入框使其获得焦点但不输入任何内容，然后使其失去焦点，如下图：

可以看到这时候“用户名”输入框后面有个提示信息。

我现在想实现的效果是：当我再次点击“用户名”输入框使其获得焦点或者输入内容的时候，让后面的提示信息消失。

下面是“用户名”+文本框的HTML代码：

<tr>
  <td>用户名</td>
  <td>
    <input id="username" name="username" class="easyui-textbox" style="width:180px" />
    <td style="white-space: nowrap;"><span id="hint_username"></span></td>
    </td>
</tr>

下面是“用户名”文本框失去焦点事件代码：

$(function(){		
    $("input",$("#username").next("span")).blur(function(){
	var username=$("#username").val();
	if(username==''){
	    $("#hint_username").html("<font color='red' size='2'>用户名不能为空！</font>");
	    return false;
	}
    }；
}

Answer 1

谢谢你的回复，能否帮忙实现一下呢？

Answer 2

onfocus   onblur

Answer 3

完美！谢谢！

Answer 4

$(function(){      
    $("input",$("#username").next("span")).focus(function(){
        $("#hint_username").html("<font color='red' size='2'> </font>");
    }；
}

试试吧，按照你写的脚本改的