Input email validation
Input email validation
HTML
<input type="email" value="[email protected]" />
CSS
input:valid {
background: green;
}
input:invalid {
background: red;
}
JavaScript
const input = document.createElement('input');
input.type = 'email';
input.value = '[email protected]';
console.log(input.value, input.validity.valid); // true
input.value = 'foo';
console.log(input.value, input.validity.valid); // false