实时监听input框值的变化

一 需求

输入框必填字段的验证，在input中加 required就能自动判断并提示（不需要知道具体），但是如果输入的是全空格，就失效了。这种情况，就需要手动判断并提示，很蛋疼啦

二 思路

   

   那个input框下，写了一模一样的提示内容（默认隐藏），保证手动提示和自动提示的内容颜色字体位置都一样！好，来了！

    现在其他必填项都填了合法的内容，A没有填 ，点击保存，自动提示；然后我输入纯空格，点击保存，手动验证，代码：

//实时监听 提醒内容框 值的变化
$('#remind_text').bind('input propertychange', function(){
    var remindText = Trim($("#remind_text").val());
    if(isEmpty(remindText)){
        $(".remind_text").hide();
        return;
    }
});

全为空就显示手动提示内容并且return掉，ok，完全满足我需求。。只是onblur onchange onclick都不能满足，会出现下面情况，内容全为空格，然后按tab键删除了所有内容，没有触发自定义函数，导致，手动内容没有消失，加上 此时却是为空，会自动提示，最终出现的情况是，手动和自动提示内容同时出现，就很尴尬了

三 总结

 

仅当做个人笔记，能帮到大家也很开心