接上篇,同级联选择器的背景:
去掉名称中的空格:
1、期望结果:
有这样一种情况,就是我们输入的服务名称可能会有空格存在。名称中间有空格尚可以理解,但是名称前后若有空格或整个名称全为空格其实是毫无意义。本着规范的原则,作为约束者我们应当对此进行规范约束,即:自动去掉名称前后的空格。
2、实现方法:
首先,我们先来分享一个不太尽如人意的方法吧:
把名称字符串以空格为分割符分割成字符串数组,然后将数组中的所有元素放入一个字符串。
3、var str = document.getElementsByName(name)[0].value
(str.split(' ').join('').length === 0)
这个方法虽然看起来满足了要求,但只是表面上的,即:前端的显示是正常的去掉空格后的,但是再进入到编辑状态时前后空格还是存在的,只是显示上做了处理而已。并且,在后台数据库中存放的也是带有空格的,所以说,这种方法不优秀。
前端展示:
编辑状态:
数据库:
接下来,就要分享一个优秀的方法了:
【正则表达式】将前后空格用空字符串替代: str.replace(/(^\s*)|(\s*$)/g, ""),详情参见:https://www.aliyun.com/jiaocheng/1448551.html
var str = document.getElementsByName(name)[0].value
// 将前后字符串用空字符串替代
str = str.replace(/(^\s*)|(\s*$)/g, '')
网友评论