Input email validation

Input email validation

by Csaba Hellinger

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