input輸入框自動(dòng)消除空格

今天遇到了一個(gè)問題,用戶在在前端的input里面輸入id的時(shí)候蹬挺,多寫了個(gè)空格,數(shù)據(jù)庫(kù)里面就找不到id了,所以無法獲取輸入的id所綁定的標(biāo)簽位置在哪里闰非,現(xiàn)在需要在前端做一個(gè)處理剩盒,input框輸入的數(shù)值里面,會(huì)自動(dòng)消除空格台夺。

代碼示例:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <link rel="stylesheet" >
        <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
        <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </head>
    <body>
        <div class="modal-body form">           
                <div class="form-group">
                    <label class="col-sm-2 control-label" >資產(chǎn)編號(hào)<span class="required"> * </span></label>
                    <div class="col-sm-6">
                        <input type="text" class="form-control" id="assetId" onkeyup="this.value=this.value.replace(/[, ]/g,'')"></input>                       
                    </div>
                </div>      
        </div>
    </body>
</html>

這段代碼的作用:

onkeyup="this.value=this.value.replace(/[, ]/g,'')"

1:在input框里面輸入編號(hào)的過程中径玖,出現(xiàn)空格,自動(dòng)消除
2:input首尾出現(xiàn)空格颤介,自動(dòng)消除
3:復(fù)制粘貼的文本里面出現(xiàn)空格梳星,自動(dòng)消除


原文作者:祈澈姑娘 技術(shù)博客:http://www.reibang.com/u/05f416aefbe1
90后前端妹子赞赖,愛編程,愛運(yùn)營(yíng)冤灾,文藝與代碼齊飛前域,魅力與智慧共存的程序媛一枚。
堅(jiān)持總結(jié)工作中遇到的技術(shù)問題韵吨,堅(jiān)持記錄工作中所所思所見

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末匿垄,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子归粉,更是在濱河造成了極大的恐慌椿疗,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,451評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件糠悼,死亡現(xiàn)場(chǎng)離奇詭異变丧,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)绢掰,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,172評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門痒蓬,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人滴劲,你說我怎么就攤上這事攻晒。” “怎么了班挖?”我有些...
    開封第一講書人閱讀 164,782評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵鲁捏,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我萧芙,道長(zhǎng)给梅,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,709評(píng)論 1 294
  • 正文 為了忘掉前任双揪,我火速辦了婚禮动羽,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘渔期。我一直安慰自己运吓,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,733評(píng)論 6 392
  • 文/花漫 我一把揭開白布疯趟。 她就那樣靜靜地躺著拘哨,像睡著了一般。 火紅的嫁衣襯著肌膚如雪信峻。 梳的紋絲不亂的頭發(fā)上倦青,一...
    開封第一講書人閱讀 51,578評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音盹舞,去河邊找鬼产镐。 笑死隘庄,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的磷账。 我是一名探鬼主播峭沦,決...
    沈念sama閱讀 40,320評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼贾虽,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼逃糟!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起蓬豁,我...
    開封第一講書人閱讀 39,241評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤绰咽,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后地粪,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體取募,經(jīng)...
    沈念sama閱讀 45,686評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,878評(píng)論 3 336
  • 正文 我和宋清朗相戀三年蟆技,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了玩敏。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,992評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡质礼,死狀恐怖旺聚,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情眶蕉,我是刑警寧澤砰粹,帶...
    沈念sama閱讀 35,715評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站造挽,受9級(jí)特大地震影響碱璃,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜饭入,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,336評(píng)論 3 330
  • 文/蒙蒙 一嵌器、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧谐丢,春花似錦嘴秸、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,912評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至饭耳,卻和暖如春串述,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背寞肖。 一陣腳步聲響...
    開封第一講書人閱讀 33,040評(píng)論 1 270
  • 我被黑心中介騙來泰國(guó)打工纲酗, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留衰腌,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,173評(píng)論 3 370
  • 正文 我出身青樓觅赊,卻偏偏與公主長(zhǎng)得像右蕊,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子吮螺,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,947評(píng)論 2 355