若何去除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>
結果如下圖:

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

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

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

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

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

以上內容就是如何去除input 的逗號的內容啦,希望對你有所幫助哦!
猜你喜歡
- 如何關閉手機QQ上的小視頻
- 如何去除/添加微信公眾號圖片的水印
- word文件如何轉為PDF
- 如何去除視頻里的水印,介紹格式工廠
- word中如何制作優美的簡歷
- word中如何制作請柬
- 如何刪除百度App的文章評論
- 華為榮耀5如何查找微信QQ保存的圖片并復制編輯
- 手機支付寶如何修改手機號
- 如何運用mysql的數據表
