当前位置：网站首页 > 创业 > 正文

如何去除input 的逗号

张子豪 2025-10-11 15:44 1

若何去除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
保留后，在浏览器中打开结果如下图所示，当文本框掉去核心后，会主动过滤文本中的逗号。