JS小Demo实战之今天外卖点什么?(三)
16lz
2021-01-22
在JS小Demo实战之今天外卖点什么?(二)里面添加了判断输入框不能为空的功能。
总感觉输入框还是缺点什么。最近突然想到了,输入的值不应该有空格。不然会很不美观。
去除空格
虽然在将innerHTMl转化为li内的值的时候会自动去除innerHTML值前方的空格,而且还会把中间所有的空格变成一个空格。
就像这样,
后面的空格虽然看不出了,但是可以在代码行里测试一下,比如说加一句
oLi.innerHTML=oLi.innerHTML+'aaa';结果就是这样的。
还是可以看出,麦当劳和aaa直接有一个明显的空格。
这是因为,在HTML结构里,空格的符号是 所以再多的空格,也就只变成了一个空格了。
言归正传,目的是去除输出框的所有空格,所以需要用的str的replace方法。
而且因为要匹配所以的空格,所以还要用到正则表达式,其实也很简单。
oLi.innerHTML=oLi.innerHTML.replace(/\s/ig,'');只需要在全局匹配空格,然后替换成空字符就行了。
清除输入框
如果输入框在点击加入按钮之后,还需要在手动删除,那么就有点不人性化了,所以还有在点击完按钮之后,将输入框原来的数据清除。更多相关文章
- javascript encodeURIComponent并将空格转换成+符号
- 具有相同名称的Mutiple按钮显示不同的div。
- 如何检查不包含提交按钮的HTML5表单的有效性?
- 当函数在单独的PHP文件中定义时,调用JavaScript函数onclick按钮事
- 由ajax [duplicate]生成时,formset的提交按钮不起作用
- python1.返回一个字符串中出现次数第二多的单词 2.字符串中可能
- 从django视图中的按钮获取click事件
- 计算所有字符,包括linux中的空格
- postgresql 数组 多了引号 空格处理