使用js(替换/删除)input表单中所有指定的字符或文字

2018-03-08 建站知识 浏览 手机预览
文章来源:http://www.imtr.cn/html/n191.html

下面小编就为大家带来一篇js替换、删除表单中所有指定的字符(实现代码)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

一、删除指定字符

<script type="text/javascript"> 
function del(){
var val = document.getElementById('textfield').value;
val=val.replace(/http:\/\/www.dedecms.com/g,'');
document.getElementById('textfield').value=val;
}
</script> 
<input id="textfield" value="http://www.dedecms.com/abcd/abcd"/>
<input type="submit" name="Submit" value="删除" onclick="del()" />

复制以上代码,保存于html文本中,点击删除按钮即可删除指定字符。


接下来我们直接试试看吧(点击删除按钮,删除表单中的“测试”两个字):
删除


当然,我们也可以让网页打开的时候立即自动执行或延迟数秒后执行,就像这样:

<script type="text/javascript"> 
function del(){
var val = document.getElementById('textfield').value;
val=val.replace(/http:\/\/www.dedecms.com/g,'');
document.getElementById('textfield').value=val;
}
//1秒(1000毫秒)后自动执行,改为0则立即执行
setTimeout("del()",1000);
</script>

 

此代码只适用于textarea、input标签中,只需要将id保持一致即可。如果需要在div、span、a、body等标签使用,继续往下看。


二、替换指定字符
试一试

<script>function gb() {
    document.getElementById('gb').innerHTML = document.getElementById('gb').innerHTML.replace(/替换/g, '改变').replace(/字符/g, '文字');
  }
  //1秒(1000毫秒)后自动执行,改为0则立即执行
  //setTimeout("gb()", 1000);
</script>


原文地址:http://www.imtr.cn/html/n191.html
  • 如果你的问题还没有解决,可以点击页面右侧的“ ”,站长收到问题后会尽快回复解决方案到你的邮箱。
  • 创造始于问题,有了问题才会思考,有了思考,才有解决问题的方法,才有找到独立思路的可能。 —— 陶行知