去除input中逗号的方法

网页开发中，常需过滤input输入值中的逗号。可通过JavaScript监听输入事件，实时替换或移除逗号字符，确保数据格式规范，提升用户体验与数据准确性。

1、 为便于讲解，我们先创建一个简易演示网页：页面包含一个文本输入框和一个按钮。下方已附完整代码，可直接复制使用，快速完成测试验证。

2、 代码如下

3、 网页演示页面

4、 文本输入框，ID为myname，用于用户填写姓名等信息。

5、 点击此按钮可一键移除文本中的所有逗号。

6、 效果所示

7、 点击按钮后，自动清除文本框中所有逗号，并将处理后的新内容重新填入文本框。

8、 接下来，为按钮添加onclick事件，使其触发delSubstr()函数执行。

9、 按钮代码已更新

10、 点击此按钮可删除文本中的所有逗号。

11、 接下来编写 JavaScript 的 `delSubstr()` 函数，用于移除文本框内容中的所有逗号，并将处理后的新字符串重新写入该文本框。核心逻辑所示。

12、 关键代码是 `str.replace(/,/g, )`，它利用字符串的 `replace` 方法进行批量替换。其中，第一个参数 `/,/g` 是正则表达式，斜杠界定表达式，, 表示要匹配的逗号字符，g 标志代表全局匹配，即查找字符串中所有逗号；第二个参数为空字符串 ``，表示将所有匹配到的逗号替换为空，从而实现彻底删除。该操作常用于清理含逗号的数值字符串，便于后续数值解析或计算。

13、 我们更倾向于让input标签自动过滤逗号，而非依赖按钮点击。可通过为其绑定onblur事件实现这一功能，即当输入框失去焦点时自动执行过滤逻辑，提升用户体验与操作效率。

14、 保存后，在浏览器中打开效果所示；文本框失焦时，系统将自动过滤其中的逗号。