2010-12-16 11 views
0

特定のタグに特定の属性があるかどうかを確認できるオフラインツールはありますか?システマティックHTMLタグの検証

私はすべてのことを確認できるものを探しています:

  • formタグがname属性を持っています。
  • divおよびspanタグは、少なくともidまたはclass属性を持っています。

このようなことを指定できる明確なオプションはありませんか?

+2

非jQueryのソリューションの一例です。しかし、これらのルールは本当に一般的な意味を成していますか?あなたのユースケースは何ですか? –

+0

私は、ネストされた空のdivがたくさんあるウェブサイトでセレンテストを開発しようとしています。そのような要素をxpathで得るのは困難です。最初にウェブサイトを明確にすることを好むだろうが、私はそれらを簡単に報告するために何か必要がある。 –

+0

フォームに*名前*属性があることを確認しますか?仕様では、代わりにidを使うべきだと言います。 http://www.w3.org/TR/html4/interact/forms.html#adef-name-FORM – Quentin

答えて

3

あなたのページで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.'); 
     } 
    }); 

+0

+1、申し訳ありませんが、これをより良くすることに抵抗できません...;) – Stephen

+0

Javascriptはされません私はクローラで自分のサイトを検証し、それからレポートを取得する必要があります。 –

1

もこれはありません、あなたはおそらく、スクリプトを作成する必要がある、または既存のバリデータ・ソリューションをカスタマイズしたい

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