系统的 HTML 标签验证

Question

有没有离线工具可以验证某些标签是否具有特定属性？

我正在寻找可以验证所有：

• form 标签是否具有 name 属性的东西。
• div 和 span 标签至少有一个 id 或 class 属性。

tidy 是否有一个晦涩的选项供您指定此类内容？

Answer 1

如果 jQuery 在您的页面上可用，您可以像这样简单快速地进行验证。

    $('form').each(function(){
        if ($(this).attr('name') === undefined) {
            alert('There is at least one form with no name.');
        }
    });
    $('div').each(function(){
        if ($(this).attr('id') === undefined) {
            alert('There is at least one div with no id.');
        }
    });

Answer 2

这也是一个非 jQuery 解决方案示例

var arr = document.getElementsByTagName('div');
var flag = false;
for (var i = 0, len = arr.length; i < len; i++) {
    if (arr[i].getAttribute('id') == null) {
        flag = true;
        break;
    }
}
if (flag) {
    alert('There is at least one div with no name.');
}