如何去除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=https://vvvtt.com/article/"删除逗号" >
</center>
【如何去除input 的逗号】 </body>
</html>
结果如下图:

文章插图
2想定的情景是:点击按钮后,对文本框中的值进行过滤,删除值中的逗号,并将过滤后的新值赋给文本框 。
起首,此刻我们来为按钮添加一个onclick事务,事务响应的函数为delSubstr() 。
点窜按钮代码如下:
<input type="button" value=https://vvvtt.com/article/"删除逗号" onclick="delSubstr();">

文章插图
3再来编写javascript剧本的delSubstr()函数,功能是删除文本框的值逗号,并将新值从头赋给文本框,本家儿要代码如图所示:

文章插图
4此中表达式str.replace(/,/g,"")是关头代码,replace函数实现字符替代功能,第一个参数是要查找的字符串,这里"/,/g"用了正则表达式,暗示查找字符中的所有“,”,第二个参数是替代当作的内容,这里“”暗示替代当作空,即删除查找到的字符串 。

文章插图
5除了操纵按钮单击来过滤逗号,我们更多的是想input标签可以或许实现主动过滤 。 那么我们可以经由过程给input标签添加onblur事务来实现,具体代码如下图所示:

文章插图
6保留后,在浏览器中打开结果如下图所示,当文本框掉去核心后,会主动过滤文本中的逗号 。

文章插图
以上内容就是如何去除input 的逗号的内容啦,希望对你有所帮助哦!
推荐阅读
- 如何关闭手机QQ上的小视频
- 如何去除/添加微信公众号图片的水印
- word文件如何转为PDF
- 如何去除视频里的水印,介绍格式工厂
- word中如何制作优美的简历
- word中如何制作请柬
- 如何删除百度App的文章评论
- 华为荣耀5如何查找微信QQ保存的图片并复制编辑
- 手机支付宝如何修改手机号
- 如何运用mysql的数据表