一 需求
输入框必填字段的验证,在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键删除了所有内容,没有触发自定义函数,导致,手动内容没有消失,加上 此时却是为空,会自动提示,最终出现的情况是,手动和自动提示内容同时出现,就很尴尬了
三 总结
仅当做个人笔记,能帮到大家也很开心