easyui onblur失效解决办法

来源:互联网 发布:数据挖掘入门与实战 编辑:程序博客网 时间:2024/05/22 10:54

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",$("#loginName").next("span")).blur(function(){
alert("登录名已存在");
})



也可以用:


/*验证课程名是否重复,easyui bug onblur事件无法触发,只能用此方法*/
$(function(){      
    $("input",$("#courseName").next("span")).blur(function(){
    $.post(basePath+'/course/checkCourseName.do',{courseName:document.getElementById("courseName").value},
    function(data){
    if(data.msg!=null){    
    $.messager.alert('提示', '课程名称重复', 'warning');  
    $("#courseName").textbox('setValue',"");    
    }
    }
        );
    });
});

原创粉丝点击