文本框监听事件blur()的简单使用
场景描述:在做编辑功能的时候,经常要判断编码,或者密码之类的是否已经被使用,以前自己做的时候,经常都是在提交了之后才判断的,到现在,才发现,这样做的用户体验不好,完美一点的做法就是当此文本框失去焦点的时候,就直接给出提示,通过blur()来实现,上代码
代码:
//html代码
<input type="text" id="code" name="code"/>
//js代码
$("#code").blur(function () { // 监听文本框事件,判断编码是否存在
searchCode();
});
function searchCode() {
var code = $("#code").val();
var url = rootPath + "/vrx/xxx/searchCode";
var result = CommnUtil.ajax(url, {'code': code}, "json");
if (result == "true") {
layer.msg("编码已经存在,请重新输入!");
return "true";
} else if (result == "fail") {
layer.msg("查询编码失败,后台系统错误!");
} else if (result == "false") {
return "false";
}
return "fail";
}
后台代码就不写了,这是返回“true” "false" "fail" 字符串的,自己动手写吧
总结:以后对自己要求不能仅仅是完成功能,而应该贴近用户的体验,最了解产品模块的,不是产品经理,而是developer本身吧!