How do you validate a page with AJAX content with a W3C service or similar.

Question

I have a web page that is the parent to a bunch of pages that are loaded with in using the following code.

function loadContent(elementSelector, sourceURL) {
  $(""+elementSelector+"").load("http://url.com/"+sourceURL+"");
}

To call this I would have a href like

href="javascript:loadContent('#content','page.php')"

How can you validate this using a service like the W3C markup validation service? Or for that matter grab the conent of a page in your browser. When I view source all I get is the parent regardless of what information is on the screen.

Thx

Answer 1

You can use W3C's Markup Validator Web Service API.

Answer 2

This firefox plugin uses the same algorithms to validate and has a "Validate now (HTML body after JS execution)" option:

http://users.skynet.be/mgueury/mozilla/