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、保存后，在浏览器中打开效果如下图所示，当文本框失去焦点后，会自动过滤文本中的逗号。
