Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Email address syntax validation? Let the browser do it (without regexp) — First published in fullweb.io issue #77

Email address syntax validation? Let the browser do it (without regexp)

Here is a simple and robust way to check for the validity of an email address syntax directly in the browser. No need for crazy regular expressions.

e = document.createElement('input')
e.type = 'email'
// check some email addresses
e.value = 'hi@'
e.validity.valid
// false
e.value = 'hi@fullweb.io'
e.validity.valid
//true

You can go further and explore the HTML5 email input element for more functionality, using the pattern attribute for a custom regexp, checking for too long/short or empty value and more.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.