3再来编写j。如何去除input 的逗号。" />

如何去除input 的逗号

若何去除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>
结果如下图:

如何去除input 的逗号

文章插图

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

如何去除input 的逗号

文章插图

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

如何去除input 的逗号

文章插图

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

如何去除input 的逗号

文章插图

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

如何去除input 的逗号

文章插图

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

如何去除input 的逗号

文章插图


以上内容就是如何去除input 的逗号的内容啦,希望对你有所帮助哦!

推荐阅读