在日常工作中,过滤表单中的一些特殊的字符是很常见的功能,比如文本中要求输入单纯的数字,但用户有时会误输入一些多余的空格或其他字符混合的文本,这显然不符合输入要求。
下面一起来学习怎么样去除字符串左右两边的空格。
过滤前:
过滤后:
HTML代码:
<div class="main"> <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); }
以上这篇去除字符串左右两边的空格(实现代码)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
标签:
去除字符串,两边空格
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
狼山资源网 Copyright www.pvsay.com
暂无“去除字符串左右两边的空格(实现代码)”评论...
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。