代码之家 › 专栏 › 技术社区 › AnchovyLegend

正在用regex验证图像标记[重复]

regex javascript

-1

AnchovyLegend · 技术社区 · 7 年前

这个问题已经有了答案:

RegEx match open tags except XHTML self-contained tags 34个答案

我正在开发一个项目,它使用文本编辑器在幕后生成样式内容,并用HTML内容更新隐藏输入的值。

已为此文本编辑器的特定版本开发了一个组件,重点是上载 仅单个图像 . 当需要上传单个图像时,输入值的结构如下:

<input id='image' type='hidden' value='<p><img src="some url"></p>' />

我想生成一些regex,它将获取隐藏的输入值并对此进行验证 <p><img src='...'/></p> 结构和取消任何其他结构的资格。即上传到编辑器中的多个图像、上传后图像周围的任何文本、无图像的文本等。

用regex可以实现这一点吗?比如:

methods: {
        isValidImage(inputValue) {
            //validate with regex
            return isValid;
        }
    }

提前谢谢

1 回复 | 直到 7 年前

wp78de 7 年前

我会用 XPath in JavaScript . 将字符串加载到domparser并查询 src 的属性 img 在下方 p :

function isValidImgSrc(inputValue) {
  var doc = new DOMParser().parseFromString(inputValue,'text/xml');
  var result = doc.evaluate('//p/img/@src', doc, null, XPathResult.STRING_TYPE, null);
  console.log(result.stringValue);
  if (result && result.stringValue && result.stringValue !== "" ) {
      //maybe you want to do further checks to test if the url is actually valid...
      return true;
  }
  return false;
}

let input = `<p><img src='test'/></p>`;
console.log(isValidImgSrc(input));

推荐文章

DotFX · RegEx捕获关键字前但括号后的所有内容

1 年前

user66001 · 正则表达式用于匹配有引号和无引号的文本,并且不匹配任何部分

1 年前

perlchamp · 为什么这也匹配?

1 年前

con · Negative Lookaward在perl正则表达式中不起作用

1 年前

Andrus · 如何在sql中查找第二个匹配项

1 年前

iato · 确保正则表达式不从命名材料中的数字中提取

1 年前

vr8ce · 非成对标记中特定字符的正则表达式

1 年前

MARTIN · 交换第一个和最后一个单词,反转所有中间的字符

1 年前

Carsten · 使用最近的搜索模式更改文本块

1 年前

Eric Marceau · Grep:有没有一种特殊的方法可以将“无字符”作为“字符位置”匹配的置换?

1 年前