: Check for duplicate 'id' values in a HTML page I am developing a web application and I would like to check for duplicate id values in a HTML page. I am running the application on my local
I am developing a web application and I would like to check for duplicate id values in a HTML page. I am running the application on my local machine.
There is a way to do that?
P.S.: I am using Firefox and Firebug.
More posts by @Lee4591628
4 Comments
Sorted by latest first Latest Oldest Best
Run this code on your browser’s JavaScript console:-
(function findDuplicateIds() {
var ids = {};
var all = document.all || document.getElementsByTagName("*");
for (var i = 0, l = all.length; i < l; i++) {
var id = all[i].id;
if (id) {
if (ids[id]) {
console.log("Duplicate id: #" + id);
} else {
ids[id] = 1;
}
}
}
})();
validator.w3.org/check If you have Web Developer Toolbar installed, you can use it to contact the above service directly from browser: Tools -> Validate Local HTML
Some developer tools (like PhpStorm/WebStorm) automatically perform such validation.
Use the W3C Validator. It will tell you if there are duplicated ids.
If your site is not online, use Opera. They have a nice feature that uploads the page in order to validate it.
Right click on the page
Validate
The W3C's validator tool will report duplicate IDs. To test your code:
Copy the generated source code to your clipboard.
Visit validator.w3.org/#validate_by_input Paste your markup into the box and hit 'Check'.
You can test it with the following code if you wish:
<!doctype html>
<html>
<head>
<title>Test</title>
</head>
<body>
<div id="test">Test div</div>
<div id="test">Test div 2</div>
</body>
</html>
This produces the following error:
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.