手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >去除字符串左右两边的空格(实现代码)
去除字符串左右两边的空格(实现代码)
摘要:在日常工作中,过滤表单中的一些特殊的字符是很常见的功能,比如文本中要求输入单纯的数字,但用户有时会误输入一些多余的空格或其他字符混合的文本,...

在日常工作中,过滤表单中的一些特殊的字符是很常见的功能,比如文本中要求输入单纯的数字,但用户有时会误输入一些多余的空格或其他字符混合的文本,这显然不符合输入要求。 下面一起来学习怎么样去除字符串左右两边的空格。 过滤前:

去除字符串左右两边的空格(实现代码)1

过滤后:

去除字符串左右两边的空格(实现代码)2

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); }

以上这篇去除字符串左右两边的空格(实现代码)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持查字典教程网。

【去除字符串左右两边的空格(实现代码)】相关文章:

如何取得中文输入的真实长度?

设为首页 加入收藏的js代码

Javascipt中处理字符串之big()方法的使用

必须点击广告才能进入的代码

js去字符串前后空格的实现方法

特殊字符、常规符号及其代码对照表

网页里控制图片大小的相关代码

js实现异步循环实现代码

在JavaScript中处理字符串之link()方法的使用

JavaScript中操作字符串小结

精品推荐
分类导航