Beginner project

Login / Signup Validation

What you'll learn

• Form events
• Regex basics
• Showing inline errors

Features

✓ Email format check
✓ Password length & match
✓ Inline error messages

Live demo

Source code

html

<form id="f">
  <label>Email <input id="email" /></label><span class="err" id="eErr"></span>
  <label>Password <input id="pw" type="password" /></label><span class="err" id="pErr"></span>
  <label>Confirm <input id="cpw" type="password" /></label><span class="err" id="cErr"></span>
  <button>Sign up</button>
</form>