主页 > 知识库 > 正则表达式小脚本(对输入内容进行处理)

正则表达式小脚本(对输入内容进行处理)

热门标签:银行业务 服务器配置 团购网站 科大讯飞语音识别系统 阿里云 Mysql连接数设置 Linux服务器 电子围栏

该小脚本实现的是对输入框内容中取出img>标签中的src中的内容,然后在原来位置进行替换内容,然后在去除输入内容中的html标签,空格等操作

!DOCTYPE html>
html lang="en">
head>
  meta charset="UTF-8">
  title>/title>
  script>
    window.onload = function () {
      var target = document.getElementById("div1");
      var but = document.getElementById("but");
      var value;
      but.onclick = function () {
        value = target.innerHTML;
        result = dealText(value);
        alert(result);
      };
    };

    function dealText(msg) {
      var text1 = imageRound(msg);
      var text2 = removeTag(text1);
      var text3 = removeBlank(text2);
      var text4 = changeNBSP(text3);
      return text4;
    }


    function DealNum(num) {
      var content = [];
      for (var i = 0; i  num.length; i++) {
        //
        content.push(defaultSrc(num[i]));
      }
      return content;
    }

    function defaultSrc(src) {
      return ':avator:';
    }

    function returnValue(srcValue) {
      var num = [];
      var pattern = /([^\/]+)\./;
      var src;
      for (var i = 0; i  srcValue.length; i++) {
        src = pattern.exec(srcValue[i])[1];
        num.push(src);

      }
//      alert(num);
      var source = DealNum(num);
      return source;

    }


    function imageRound(text) {
      var reg2 = /img.*?\&;/gi;
      var s = text.match(reg2);
      var num = returnValue(s);
      var i = 0;
      var content = text.replace(reg2, function () {
        return num[i++];
      });
      return content;
    }

    function removeTag(text) {
      var text1;
      var reg = /.*?>|.*?\/>/g;
      text1 = text.replace(reg, "");
      return text1;
    }

    function removeBlank(text) {
      var text1;
      var reg = /\s+/g;
      text1 = text.replace(reg, "");
      return text1;
    }

    function changeNBSP(text) {
      var text1;
      var reg = /nbsp/g;
      var reg1 = /\;/g;
      text1 = text.replace(reg, ' ');
      text1 = text1.replace(reg1, "");
      return text1;
    }
  /script>
/head>
body>
div contenteditable="true" id="div1">abcnbspefgnbspimg src="asdjk/123.jpg"/>span>hinbspgk/span>img
    src="ahdkh/124.jpg"/>

  div>lmnop/div>
  q rst uvw
/div>
button id="but">更新/button>
/body>
/html>

您可能感兴趣的文章:
  • js利用正则表达式检验输入内容是否为网址
  • js各种验证文本框输入格式(正则表达式)
  • javascript 基于正则表达式的文本框验证代码
  • javascript中使用正则表达式进行字符串验证示例
  • 详解表单验证正则表达式实例(推荐)
  • JavaScript使用简单正则表达式的数据验证功能示例
  • Javascript 正则表达式校验数字的简单实例
  • js输入框使用正则表达式校验输入内容的实例

标签:萍乡 衡水 蚌埠 衢州 大理 江苏 枣庄 广元

巨人网络通讯声明:本文标题《正则表达式小脚本(对输入内容进行处理)》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266