Comment la régularité traite-t-elle le contenu d'entrée ?-js tutoriel-php.cn

Comment la régularité traite-t-elle le contenu d'entrée ?

php中世界最好的语言

Libérer： 2018-03-30 11:33:34

original

1182 Les gens l'ont consulté

Cette fois, je vais vous montrer comment les méthodes régulières traitent le contenu d'entrée et quelles sont les précautions lorsque les méthodes régulières traitent le contenu d'entrée. Ce qui suit est un cas pratique, jetons un coup d'œil.

Ce petit script implémente est d'extraire le contenu du src dans la balise du contenu de la zone de saisie, puis de remplacer le contenu dans la position d'origine, puis de supprimer la balise html. dans le contenu d'entrée. , espaces et autres opérations

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title></title>
  <script>
    window.onload = function () {
      var target = document.getElementById("p1");
      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 &#39;:avator:&#39;;
    }
    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>
<p contenteditable="true" id="p1">abc&nbspefg&nbsp<img src="asdjk/123.jpg"/><span>hi&nbspgk</span><img
    src="ahdkh/124.jpg"/>
  <p>lmnop</p>
  q rst uvw
</p>
<button id="but">更新</button>
</body>
</html>

Copier après la connexion

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur. le site PHP chinois !

Lecture recommandée :

Implémentation régulière de nombres en js avec des espaces séparés tous les quatre chiffres

Comment le faire dans JS Utilisez une expression régulière régulière pour remplacer plusieurs espaces dans une chaîne par un seul espace

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!