首页/ 填坑/ 文章详情

Javascript 判断值是否为空

Javasctip 空值 防呆 空格 发布于 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

big2catbig2cat 08-27 16:11
然而没什么用,smartpss不兼容老录像机,就算能看回放,很多时间点在回放里也看不到
HentaiCatHentaiCat 2020-12-30 10:22
考科目二全程很紧张,考了三次才过,有次侧方入库直接pass,100分扣完,呜呜呜~
猫猫酱猫猫酱 2020-11-12 10:56
一入多肉深似海,说多都是泪
soulkunsoulkun 2020-11-05 15:54
IconFont的图标真的很好用!!!
无限链霉球菌无限链霉球菌 2020-11-03 11:41
药店,了解一下(`・ω・´)