JavaScript: verificare se un campo contiene una data in formato valido usando la validazione inline

Con JavaScript possiamo verificare se un campo contenente una data usa un formato valido.

La soluzione è la seguente:

'use strict';

const isValidDate = str => /^\d{4}-\d{2}-\d{2}$/.test(str);

document.querySelector('#date').addEventListener('blur', function() {

    const value = this.value;
    this.classList.remove('invalid');

    if(!isValidDate(value)) {
        this.classList.add('invalid');
    }
}, false);