去除字符串左右两边的空格(实现代码)
更新时间:2016年5月14日 10:00 点击:1937
在日常工作中,过滤表单中的一些特殊的字符是很常见的功能,比如文本中要求输入单纯的数字,但用户有时会误输入一些多余的空格或其他字符混合的文本,这显然不符合输入要求。
下面一起来学习怎么样去除字符串左右两边的空格。
过滤前:
过滤后:
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); }
以上这篇去除字符串左右两边的空格(实现代码)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
- 这篇文章主要介绍了OpenCV如何去除图片中的阴影的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-03-29
- 本文主要介绍了JavaScript利用正则表达式替换字符串中内容的具体实现方法,并做了简要注释,便于理解。具有一定的参考价值,需要的朋友可以看下...2017-01-09
- 下面小编就为大家带来一篇javascript中去除数组重复元素的实现方法【实例】。小编觉得挺不错的,现在分享给大家,也给大家做个参考,一起跟随小编过来看看吧...2016-04-16
- 下面小编就为大家带来一篇JS中判断字符串中出现次数最多的字符及出现的次数的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2016-06-12
js replace(a,b)之替换字符串中所有指定字符的方法
下面小编就为大家带来一篇js replace(a,b)之替换字符串中所有指定字符的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2016-08-24- C# 去除首尾字符或字符串的方法,需要的朋友可以参考一下...2020-06-25
- 这篇文章主要介绍了JS实现为排序好的字符串找出重复行的方法,涉及JavaScript字符串运算相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下...2016-03-03
- 这篇文章主要介绍了vue中如何实现变量和字符串拼接,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2017-06-24
- 这篇文章主要介绍了ES6新特性之变量和字符串用法,结合具体实例形式分析了ES6中变量与字符串的特性、使用方法与相关注意事项,需要的朋友可以参考下...2017-04-03
- 这篇文章主要介绍了JavaScript过滤字符串中的中文与空格方法汇总 的相关资料,需要的朋友可以参考下...2016-03-09
- <?php /** * 去除魔术变换 */ class killMagicQuote { public function Strip_Magic_Slashes($varImp) { $varImp = is_array...2016-11-25
- 这篇文章主要介绍了一些JavaScript常用字符串与数组扩展函数,整理了一些简单而使用率又高的操作String与Array的函数,需要的朋友可以参考下...2016-04-25
- 这篇文章主要介绍了C#实现去除Strings中空格的方法,较为详细的介绍了C#实现去除字符串首尾及中间空格的方法,是非常实用的技巧,需要的朋友可以参考下...2020-06-25
- JSON (JavaScript Object Notation)一种简单的数据格式,比xml更轻巧,下面通过本文给大家介绍JS中Eval解析JSON字符串的一个小问题,需要的朋友参考下吧...2016-02-23
- 本文通过三种方法给大家介绍js数组去除重复的方法,实用性非常高,感兴趣的朋友一起学习吧...2016-04-24
- 这篇文章主要介绍了js实现字符串和数组之间相互转换操作的相关资料,感兴趣的小伙伴们可以参考一下...2016-01-14
- 这篇文章主要介绍了jQuery实现字符串全部替换的方法,结合实例形式对比分析了使用Replace进行替换的方法及使用正则进行全部替换的相关操作技巧,需要的朋友可以参考下...2017-01-09
- ps教程去除脸上痘痘有效方法 最终效果 ...2016-09-14
- 这篇文章主要介绍了PHP针对中英文混合字符串长度判断及截取方法,结合实例形式分析了php中英文字符串的遍历、转换、截取、计算等相关操作技巧,需要的朋友可以参考下...2017-04-03
- 红眼工具是PS中的基本工具之一,那么PS红眼工具怎么去除红眼呢?其实很简单,在下文中一聚教程网为大家带来了详细的介绍,快来看看吧。 1、用PS打开一张需要去除红眼的...2016-12-15