去除字符串左右两边的空格(实现代码)
更新时间：2016年05月12日 10:29:09 投稿：jingxian
下面小编就为大家带来一篇去除字符串左右两边的空格(实现代码)。小编觉得挺不错的，现在分享给大家，也给大家做个参考
在日常工作中，过滤表单中的一些特殊的字符是很常见的功能，比如文本中要求输入单纯的数字，但用户有时会误输入一些多余的空格或其他字符混合的文本，这显然不符合输入要求。
下面一起来学习怎么样去除字符串左右两边的空格。
过滤前：
过滤后：
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);
}
以上这篇去除字符串左右两边的空格(实现代码)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
下面小编就为大家带来一篇JS 60秒后重新发送验证码的实例讲解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
这篇文章主要介绍了JavaScript创建防篡改对象的方法,结合具体实例形式分析了javascript基于不可扩展对象、密封的对象和冻结的对象实现防篡改对象的相关操作技巧,需要的朋友可以参考下2018-12-12
下面小编就为大家带来一篇JavaScript继承学习笔记。小编觉得挺不错的，现在分享给大家，也给大家做个参考2016-05-05
作为一名优秀的接口调用工程师，对接口的返回信息进行校验是必不可少的，本文整理的是一些常用的校验方式，希望能够对大家有所帮助2023-05-05
这篇文章主要介绍了js实现的xml对象转json功能,结合实例形式分析了javascript转换成xml所涉及的字符串、对象、数组、遍历等操作技巧与使用方法,需要的朋友可以参考下2016-12-12
为了更好地处理这些异步操作,JavaScript 引入了异步编程的概念,这篇文章主要来和大家详细聊聊JavaScript中异步的相关应用,希望对大家有所帮助2024-02-02
这篇文章主要为大家介绍了如何使用Flutter动画魔法使UI元素活起来方法示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-04-04
这篇文章主要介绍了javascript原型链和继承的概念，以及使用原型链实现继承、经典继承、组合式继承、寄生组合式继承。非常实用，是篇非常不错的文章，这里推荐给大家。2014-09-09
这篇文章主要介绍了小程序批量监听输入框对按钮样式进行控制的实现代码，代码简单易懂，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2019-10-10
这篇文章主要介绍了JS获取客户端IP地址、MAC和主机名的7个方法汇总,JS本身是不支持获取IP地址等信息的,本文通过其它方法实现,需要的朋友可以参考下2014-07-07
最新评论