Question

如何使用javascript / jquery验证html字符串例如html string

   <style type="text/css">     
     .nai {position:absolute;top:0px;right:0px;z-index:90000;
      background-image:url("http://example.com/test.png");
      background-repeat:no-repeat;width:19px;height:15px;}

     .nai:hover {width: 77px;
      background-image:url("http://example.com /test.png");}
    </style>
   <div style="width:160px;height:600px;position:absolute"></div>

正在寻找基本的验证，例如，起始/结束标记是否合适

尝试使用jquery的fns如下

  var $str1 = $(str1); // html string into real html 

  var len = $str1.length;
    // console.log($str1);
    for(var i=0;i<len;i++){
      if(typeof $($str1[i]).get(0).outerHTML!='undefined'){
        final1+=unescapeHtml($($str1[i]).get(0).outerHTML);
      }

   }

但是上面的代码没有验证＆amp;如果缺席，请纠正儿童元素标记/或开始标记元素。

Answer 1

没有用于使用JavaScript验证（或解析）HTML的开箱即用解决方案，并且您不能仅为此目的滥用DOM。
您可能会找到一些第三方库（如来自 Dagriel 的答案）或自己编写解析器/验证器。

Answer 2

看看：

https://github.com/peterjwest/html_validator

这个项目的目标是：

允许任何浏览器上的任何人使用书签或浏览器扩展程序验证HTML
支持主要文档类型：HTML 4.01，XHTML 1.0和最终HTML 5
提供W3C HTML规范的简明英文版本

使用javascript / jquery验证html语法

2 个答案: