Intentando validar mi marcado html5 haciendo clic en un botón y usando el validador w3c. El código fuente es de aquí .
así que mi código es así:
$('.btnw3').on('click', async function(){ valid() .then(data => { console.clear(); console.log(data); // Console was cleared - {messages: Array(0)} const error = data.messages.filter(msg => msg.type === 'error'); const warning = data.messages.filter(msg => msg.type === 'info' && msg?.subType === 'warning'); if (warning.length) { console.group(`%c${warning.length} validation warnings`, "background-color:#FFFBE5;padding:1px 4px"); warning.forEach(msg => { console.groupCollapsed(`%c${msg.message} (line: ${msg.lastLine})`, "background-color:#FFFBE5"); console.table(msg) console.groupEnd(); }) console.groupEnd(); } if (error.length) { console.group(`%c${error.length} validation errors`, "background-color:#D93025;color:#FFF;padding:1px 4px"); error.forEach(msg => { console.groupCollapsed(`%c${msg.message} (line: ${msg.lastLine})`, "color:#D93025"); console.table(msg) console.groupEnd(); }) console.groupEnd(); // empty output } }) }); así que intencionalmente hago que mi marcado sea incorrecto: escriba </divx> en lugar de </div> , por ejemplo
problema: recibo una matriz vacía de mensajes en la línea (console.log(data))
lo mismo sucede si escribo este código como un fragmento en las herramientas de desarrollo de Chrome
si copio mi fuente de marcado y la pego en https://validator.w3.org/nu/#textarea , recibo los errores esperados.