使用 javascript/jquery 验证 html 语法

Question

how do I validate a string of html using javascript/jquery eg of 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>

am looking for basic validations like.whether start/end tag is proper or not

tried using jquery's fns as follows

  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);
      }

   }

but above code doesnt validate & rectify child elments tag/or start tag of an element if absent.

Answer 1

There is no out-of-the-box solution for validating (or parsing) HTML with JavaScript, and you can't just abuse DOM for that purpose.
You would have find some 3rd party library (like the one from Dagriel 's answer) or write a parser/validator yourself.

Answer 2

You can validate that a string contains valid html syntax by using the DOMParser()

Example here: https://tonylea.com/checking-for-valid-html-strings-in-javascript

Answer 3

Take a look at:

https://github.com/peterjwest/html_validator

The aim of this project is this:

• To allow anyone on any browser be able to validate HTML, either using a bookmarklet or browser extension
• To support the major doctypes: HTML 4.01, XHTML 1.0 and eventually HTML 5
• To provide a plain English, sensible version of the W3C HTML spec