如何去除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="刪除逗號" >
</center>
</body>
</html>
結果如下圖：
- 2
想心猿意馬的情景是：點擊按鈕后，對文本框中的值進行過濾，刪除值中的逗號，并將過濾后的新值賦給文本框。
起首，此刻我們來為按鈕添加一個onclick事務，事務響應的函數為delSubstr()。
點竄按鈕代碼如下：
<input type="button" value="刪除逗號" onclick="delSubstr();">
- 3
再來編寫javascript劇本的delSubstr()函數，功能是刪除文本框的值逗號，并將新值從頭賦給文本框，本家兒要代碼如圖所示：
- 4
此中表達式str.replace(/,/g,"")是關頭代碼，replace函數實現字符替代功能，第一個參數是要查找的字符串，這里"/,/g"用了正則表達式，暗示查找字符中的所有“,”,第二個參數是替代當作的內容，這里“”暗示替代當作空，即刪除查找到的字符串。
- 5
除了操縱按鈕單擊來過濾逗號，我們更多的是想input標簽可以或許實現主動過濾。 那么我們可以經由過程給input標簽添加onblur事務來實現，具體代碼如下圖所示：
- 6
保留后，在瀏覽器中打開結果如下圖所示，當文本框掉去核心后，會主動過濾文本中的逗號。
- 發表于 2018-08-12 00:00
- 閱讀 ( 751 )
- 分類：其他類型
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章