去除字符串左右兩邊的空格(實現(xiàn)代碼)
更新時間:2016年05月12日 10:29:09 投稿:jingxian
下面小編就為大家?guī)硪黄コ址笥覂蛇叺目崭?實現(xiàn)代碼)。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考
在日常工作中,過濾表單中的一些特殊的字符是很常見的功能,比如文本中要求輸入單純的數(shù)字,但用戶有時會誤輸入一些多余的空格或其他字符混合的文本,這顯然不符合輸入要求。
下面一起來學(xué)習(xí)怎么樣去除字符串左右兩邊的空格。
過濾前:

過濾后:

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); }
以上這篇去除字符串左右兩邊的空格(實現(xiàn)代碼)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
輕松玩轉(zhuǎn)BootstrapTable(后端使用SpringMVC+Hibernate)
這篇文章主要和大家輕松玩轉(zhuǎn)BootstrapTable,后端使用SpringMVC+Hibernate,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-09-09微信小程序拍賣商品詳情頁設(shè)計與交互實現(xiàn)代碼(含倒計時、實時更新出價)
這篇文章主要介紹了微信小程序拍賣商品詳情頁設(shè)計與交互實現(xiàn)代碼(含倒計時、實時更新出價),本文通過示例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-08-08JavaScript實現(xiàn)查找字符串中第一個不重復(fù)的字符
這篇文章主要介紹了JavaScript實現(xiàn)查找字符串中第一個不重復(fù)的字符,需要的朋友可以參考下2014-12-12JavaScript實現(xiàn)樹結(jié)構(gòu)轉(zhuǎn)換的五種方法總結(jié)
在?JavaScript?編程中,將數(shù)組轉(zhuǎn)換為樹結(jié)構(gòu)是一個常見的需求。本篇博客將介紹五種常用的方法來實現(xiàn)數(shù)組轉(zhuǎn)樹結(jié)構(gòu),希望對大家有所幫助2023-03-03使用Javascript實現(xiàn)復(fù)制粘貼功能的示例代碼
本篇文章記錄如何通過js代碼實現(xiàn)復(fù)制內(nèi)容到剪切板,之后可以粘貼到需要的地方的功能,文中通過代碼示例介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2023-09-09