1. 程式人生 > >easyui-textbox的onblur失去焦點事件

easyui-textbox的onblur失去焦點事件



easyUI的form表單中有很多種型別的標籤,easyui-validate、easyui-textbox、easyui-combox、easyui-datebox、easyUI-datetimebox等等。

在使用easyui-textbox時,想通過onblure()事件做一些處理,可是,事件總不被觸發。一個最基本最簡單的onblure(),怎麼可能不執行?先來看兩行程式碼,看完,你就知道答案了。

使用easyui-textbox:

<input id="loginName"class="easyui-textbox" missingMessage="請填寫登入名" data-options="required:true,validType:'length[1,5]'" onblur="isExistLoginName()">  

使用easyui-validatebox:

<input id="loginName" class="easyui-validatebox" missingMessage="請填寫登入名" data-options="required:true,validType:'length[1,5]'" onblur="isExistLoginName()">  

對比兩個html,easyui-validatebox和easyui-textbox所生成的dom結構是不一樣的。

easyui-validate型別的輸入框,可以直接 觸發onblure()事件,而easyui-textbox型別的輸入框,onblure()事件需要換一種觸發方式:

$("input",$("#loginName").next("span")).blur(function(){  
    alert("登入名已存在");  
})

其實也可以不需要這麼複雜,也可以在data-options新增 events:{blur: function(){ alert('提示') }}