几种实用的JavaScript鼠标特效,在我们平时网页设计中,鼠标特效可以说是常常会用到,那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效,希望对大家有用。......
2023-03-17 528 JAVASCRIPT 鼠标
如何去除input值中的逗号?有时在编写网页时,我们需要对input标签的值进行过滤,去除其中的逗号,那么应该如何操作呢?下面,小编来详细给大家介绍一下去除input 标签值中逗号的方法,希望能对大家有所帮助。
为了方便进行讲解,我们首先来编写一个演示用的网页文件:主要包含一个文本框和一个按钮。同时将代码放在下面,以方便大家拷贝进行测试。
代码如下:
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>
效果如下图:
想定的情景是:点击按钮后,对文本框中的值进行过滤,删除值中的逗号,并将过滤后的新值赋给文本框。
首先,现在我们来为按钮添加一个onclick事件,事件响应的函数为delSubstr()。
修改按钮代码如下:
input type="button" value="删除逗号" onclick="delSubstr();">
再来编写javascript脚本的delSubstr()函数,功能是删除文本框的值逗号,并将新值重新赋给文本框,主要代码如图所示:
其中表达式str.replace(/,/g,"")是关键代码,replace函数实现字符替换功能,第一个参数是要查找的字符串,这里"/,/g"用了正则表达式,表示查找字符中的所有“,”,第二个参数是替换成的内容,这里“”表示替换成空,即删除查找到的字符串。
除了利用按钮单击来过滤逗号,我们更多的是想input标签能够实现自动过滤。 那么我们可以通过给input标签添加onblur事件来实现,具体代码如下图所示:
保存后,在浏览器中打开效果如下图所示,当文本框失去焦点后,会自动过滤文本中的逗号。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
标签: 编程语言JAVASCRIPT
相关文章
几种实用的JavaScript鼠标特效,在我们平时网页设计中,鼠标特效可以说是常常会用到,那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效,希望对大家有用。......
2023-03-17 528 JAVASCRIPT 鼠标
如何开始学习javascript,html是网页的内容,c是网页的格式,h是网站的后台,j是网站的前端,那么如何学习j,才能高效?......
2023-03-17 256 JAVASCRIPT