您的位置:首页 > 产品设计 > UI/UE

easyUI奇葩事件-textbox的onblur失效

2015-08-18 14:25 453 查看
最近做项目用easyUI,其中没让我少费周折啊。因为easyUI的封装,改动了不少东西,用原来的JS或者JQ代码根本就不管用,花费了不少时间啊。下面看一下textbox的onblur事件是怎么失效的??
通过firebug观看html可以发现代码如图:





<tr>
	  <td id="telephonenum">联系方式:</td>
	   <td>
	    	<input id="tel" class="easyui-textbox" type="text" name="tel" value="${userShop.tel}"/>
	    </td>
</tr>


难怪用正常的Onblur事件不行,原来是easyUI早已改变了原来的结构。
所以解决方案为:

$("input",$("#iDCard").next("span")).blur(function(){
		
		var iDCard = $("#iDCard").val();
		
		if(trim(iDCard)=="") {
			document.getElementById("iDCardTip").innerHTML="<font color='red'>× ***号不能为空 </font>"; 
			return false;
		}else {
			document.getElementById("iDCardTip").innerHTML="<font color='#339933'>√</font>";
			return true;
		}
});
不仅仅onblur事件失效,其实还有好多方法改变,例如combox设置被选中等等事件都有所改变。easyUI框架封装的很全,对我们这些对前端不熟悉的人来说,能够很快***出界面,容易上手。对那些熟悉前端的人来说其实是累赘,因为还要浪费大量的时间查各种API,用这些查的时间,其实自己就能敲出来,对他们来说是一种束缚。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: