Material Login Form

This is required.

It must be an e-mail address.

Password

This is required.

Revert

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.

This is required.

It must be an e-mail address.

Password

This is required.

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

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"

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 :)

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 :)

User Name

Password

Age

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 :)