去除字符串左右兩邊的空格(實現(xiàn)代碼)

    下面小編就為大家?guī)硪黄コ址笥覂蛇叺目崭?實現(xiàn)代碼)。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考
    在日常工作中，過濾表單中的一些特殊的字符是很常見的功能，比如文本中要求輸入單純的數(shù)字，但用戶有時會誤輸入一些多余的空格或其他字符混合的文本，這顯然不符合輸入要求。
    下面一起來學習怎么樣去除字符串左右兩邊的空格。
    
    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);
        }
    以上這篇去除字符串左右兩邊的空格(實現(xiàn)代碼)就是小編分享給大家的全部內容了，希望能給大家一個參考