码迷,mamicode.com
首页 > 其他好文 > 详细

easyUI奇葩事件-textbox的onblur失效

时间:2015-08-18 16:28:25      阅读:115      评论:0      收藏:0      [点我收藏+]

标签:

    最近做项目用easyUI,其中没让我少费周折啊。因为easyUI的封装,改动了不少东西,用原来的JS或者JQ代码根本就不管用,花费了不少时间啊。下面看一下textboxonblur事件是怎么失效的??

通过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,用这些查的时间,其实自己就能敲出来,对他们来说是一种束缚。


版权声明:本文为博主原创文章,未经博主允许不得转载。

easyUI奇葩事件-textbox的onblur失效

标签:

原文地址:http://blog.csdn.net/u010539352/article/details/47751325

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!