文本框监听事件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本身吧！