3再來編寫j。如何去除input 的逗號。" />

如何去除input 的逗號

若何去除input值中的逗號?有時在編寫網頁時,我們需要對input標簽的值進行過濾,去除此中的逗號,那么應該若何操作呢?下面,小編來具體給大師介紹一下去除input 標簽值中逗號的方式,但愿能對大師有所幫忙 。

如何去除input 的逗號


方式/
1為了便利進行講解,我們起首來編寫一個演示用的網頁文件:本家兒要包含一個文本框和一個按鈕 。 同時將代碼放鄙人面,以便利大師拷貝進行測試 。
代碼如下:
<html>
   <head> 
      <meta charset="utf-8"> 
      <title>演示網頁</title> 
   </head>
   <body>
      <center>
            文本: <input type="text" id="myname" >
            <br><br>
            <input type="button" value=https://vvvtt.com/article/"刪除逗號" >
      </center>
【如何去除input 的逗號】   </body>
</html>
結果如下圖:

如何去除input 的逗號



2想定的情景是:點擊按鈕后,對文本框中的值進行過濾,刪除值中的逗號,并將過濾后的新值賦給文本框 。
起首,此刻我們來為按鈕添加一個onclick事務,事務響應的函數為delSubstr() 。
點竄按鈕代碼如下:
<input type="button" value=https://vvvtt.com/article/"刪除逗號" onclick="delSubstr();">

如何去除input 的逗號



3再來編寫javascript劇本的delSubstr()函數,功能是刪除文本框的值逗號,并將新值從頭賦給文本框,本家兒要代碼如圖所示:

如何去除input 的逗號



4此中表達式str.replace(/,/g,"")是關頭代碼,replace函數實現字符替代功能,第一個參數是要查找的字符串,這里"/,/g"用了正則表達式,暗示查找字符中的所有“,”,第二個參數是替代當作的內容,這里“”暗示替代當作空,即刪除查找到的字符串 。

如何去除input 的逗號



5除了操縱按鈕單擊來過濾逗號,我們更多的是想input標簽可以或許實現主動過濾 。 那么我們可以經由過程給input標簽添加onblur事務來實現,具體代碼如下圖所示:

如何去除input 的逗號



6保留后,在瀏覽器中打開結果如下圖所示,當文本框掉去核心后,會主動過濾文本中的逗號 。

如何去除input 的逗號




以上內容就是如何去除input 的逗號的內容啦,希望對你有所幫助哦!

猜你喜歡