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