上一篇
金钱木一种精气神很饱满植物
网页制作时,填写用户信息历来都是最考验程序员的耐心的事,过程烦锁,反复操作,重复验证,以求万无一失,防止用户填错信息,恨不得亲自帮手填写。程序员骂的最多一句: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:值为空')
}
看似平平无奇填写页面,背后有着一套代码逻辑支撑着,为了让用户用得舒适,程序员真的操碎了心。
最新评论Latest comments