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

eason1314 发布于 2016/03/24 17:48
阅读 11K+
收藏 0

先上图

如上图所示,这是点击“新增”按钮弹出的原始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;
	}
    };
}




加载中
0
氪金
氪金
$(function(){      
    $("input",$("#username").next("span")).focus(function(){
        $("#hint_username").html("<font color='red' size='2'>&nbsp;</font>");
    };
}



试试吧,按照你写的脚本改的
e
eason1314
完美!谢谢!
0
氪金
氪金
onfocus   onblur
e
eason1314
谢谢你的回复,能否帮忙实现一下呢?
返回顶部
顶部