## Material Login Form

Email
This is required.
It must be an e-mail address.
Password
This is required.
Login Revert

Login button will be active only when all fields are valid.

Revert button will be active only when one or more fields is changed.

This is just for demo. In real project, you will submit form with AJAX :)

## Material Sign up Form

Username
This is required.
It must be an e-mail address.
Email
This is required.
It must be an e-mail address.
Password
This is required.
Sign Up

Sign up button will be active only when all fields are valid.

This is just for demo. In real project, you will submit form with AJAX :)

## Constraints

Required
You need to agree to the Policy
Min length 3
Max length 10
Length from 3 to 10
Type something
Confirm type
Equal to "foo"
Email
Url
Must be a number
Number min value 3
Number max value 20
Number value between 3 and 20
Match a pattern, e.g. hex color code

Submit button will be active only when all fields are valid.

Revert button will be active only when one or more fields is changed.

Congrats! You successfully submit the form :)

## Login Form

Email
Password
Submit Revert

Submit button will be active only when all fields are valid.

Revert button will be active only when one or more fields is changed.

This is just for demo. In real project, you will submit form with AJAX :)

## Sign up Form

User Name
Email
Password
Age
Sign up

Submit button will be active only when all fields are valid.

This is just for demo. In real project, you will submit form with AJAX :)