如何去除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
- 阅读 ( 742 )
- 分类：其他类型
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章