下面小编就为大家带来一篇去除字符串左右两边的空格(实现代码)。小编觉得挺不错的，现在分享给大家，也给大家做个参考
在日常工作中，过滤表单中的一些特殊的字符是很常见的功能，比如文本中要求输入单纯的数字，但用户有时会误输入一些多余的空格或其他字符混合的文本，这显然不符合输入要求。
下面一起来学习怎么样去除字符串左右两边的空格。
HTML代码：
<div>
<input id="userName" type="text" placeholder="请输入用户名">
<input id="rule" type="button" value="过滤">
</div>
CSS代码：
html,body,div,input{margin:0;padding:0;}
.main{width:400px;height:auto;padding:0 15px;text-align:center;}
.main input{width:100%;height:35px;border:none;margin-top:20px;border-radius:5px;}
input[type="text"]{text-align:left;padding-left:15px;box-sizing:border-box;border:1px solid blue;}
input[type="button"]{width:50%;background:blue;}
@media only screen and (max-width: 415px) {
.main{width:100%;box-sizing:border-box;}
}
js部分：
var userName = document.getElementById('userName'),
rule = document.getElementById('rule'),
regexEmpty = /^(\s|\u00A0)+|(\s|\u00A0)+$/g;
rule.onclick = function (){
userName.value = userName.value.replace(regexEmpty,''); //正则替换
console.log(userName.value);
}
以上这篇去除字符串左右两边的空格(实现代码)就是小编分享给大家的全部内容了，希望能给大家一个参考
- 最新二年级上册语文第二单元练习试题
- 二年级语文上册第二单元基础训练试题
- 2023小学二年级上册第二单元语文测试题
- 二年级上册第二单元语文提升测试题
- 二年级上册语文第五单元重点知识归纳
- 2023部编版二年级语文上册第四单元知识点
- 2023二年级上册语文第三单元重点知识
- 二年级语文上册第一单元知识点总结
- 2023二年级上册语文重点必背内容梳理
- 2023小学二年级语文上册各单元知识点
- 二年级下册语文学生学习计划10篇
- 人教版小学二年级上册语文课本电子版
- 小学语文部编版二年级上册电子课本
- 二年级语文上册生字表有拼音
- 二年级语文复习小妙招
- 二年级语文识字、写字学习方法
- 学好二年级语文的方法与小学一、二年级学习攻略
- 部编语文二年级上册学习方法与教材介绍
- 二年级孩子数学学习方法与口诀
- 二年级语文学习方法指导
- 小学二年级语文学习的积累
- 二年级语文识字学习方法
- 二年级数学的学习方法
- 小学二年级语文学习技巧与方法
- 小学二年级语文学习的九大技巧
- subclavii
- subclavius
- subclinical infection
- subcommittee
- subcompact
- subcomponent
- subconscious
- subconscious level
- subconsciously
- subcontinent
- 檠
- 檩
- 檩子
- 檩条
- 檫
- 檬
- 檬果
- 檵
- 檾
- 櫆
- 2019年宜宾屏山县国资企业第三次招聘工作人员笔试成绩的公告
- 2019年宜宾江安县第一次考调事业单位工作人员拟流动人员公示(第二批)
- 2019年宜宾江安县考调事业单位工作人员调减取消考调岗位公告
- 2019年宜宾人才有限公司拟派遣到宜宾市直机关工委工作员工公示
- 2019年甘孜招聘事业单位工作人员复检结果及递补体检公告
- 2019年眉山市纪委监委公开考调事业人员的补充公告
- 2019年泸州市金融发展中心拟占编聘用人员公示
- 2019年阿坝招聘事业单位工作人员拟聘公示
- 2018年下半年阿坝招聘事业单位工作人员拟聘公示
- 2019年雅安市经济合作和外事局“雅州英才”工程引进人才拟聘公示