首页/ 填坑/ 文章详情

Javascript 判断值是否为空

Javasctip 空值 防呆 空格 发布于 2021-11-03

网页制作时,填写用户信息历来都是最考验程序员的耐心的事,过程烦锁,反复操作,重复验证,以求万无一失,防止用户填错信息,恨不得亲自帮手填写。程序员骂的最多一句:TMD,谁啊!这么防呆程序设计都能填错,真欲哭无语了。反馈人员:老板。

一个用户填写页面都经过深思熟虑,分几步走,慢慢引导用户。不要用自己角度看待问题,要从用户角度看待问题。用户错误千奇百怪,我们要做的是尽量让用户回到正轨。比如:该填写的信息不能为空。

是否空值

JS/**
 * 是否空值
 * @method isEmptyValue
 * @param {String} value 值
 * @return {Bloen}
 */
var isEmptyValue = function (value) {
    if(value != '' && value != undefined && value != null) {
        return false;
    }

    return true;
}

Javascript弱类型语言,值为空有''、undefined和null三种情况,不等于此才算不为空。在用户填写的过程序中,用户会无意多按了空格,空格会突破限制,传递给API又打回来,说值为空。

删除左右两端的空格

JS/**
 * 删除左右两端的空格
 * @param {String} str 字符
 * @param {String} type 删除类型
 * @return {String}
 */
var trim = function(str,type) {
    var regular = '';
    switch (type) {
        case ',':
            regular = /(^,*)|(,*$)/g;
            break;
        default:
            regular = /(^s*)|(s*$)/g;
            break;
    }

    return str.replace(regular, "");
} 

排除有空格的情况下,需要移除值的前后空格符。

JSvar value = ' 抵到烂';
value = trim(value); 
console.log(value); //抵到烂

if(!isEmptyValue (value))) {
    console.log('value:值不为空')
} else {
     console.log('value:值为空')
}

看似平平无奇填写页面,背后有着一套代码逻辑支撑着,为了让用户用得舒适,程序员真的操碎了心。

文章评论0 records

最新 最早

0

最新评论Latest comments

凡心的仙人凡心的仙人 03-18 14:35
谢谢你了!
rantrismrantrism 2023-04-03 11:27
您好~我是腾讯云开发者社区运营,关注了您分享的技术文章,觉得内容很棒,我们诚挚邀请您加入腾讯云自媒体分享计划。完整福利和申请地址请见:https://cloud.tencent.com/developer/support-plan 作者申
唐牛才是食神唐牛才是食神 2022-06-15 10:51
(*°▽°*)八(*°▽°*)♪,解决了
唐牛才是食神唐牛才是食神 2022-06-15 10:49
发现不得了的东西,今晚回去好好研究下...
胖螺胖螺 2022-02-04 00:58
( ゜- ゜)つロ 在写了在写了。看到也有些感慨。因为站长前年在我原博客的留言,让我毅然选择去深造,选择读研,曾经我想过挺多东西的,还是自己本专业的适合我自己。在这先表达感谢。新年快乐!