AngularJS (v1) Form
Success!
Form submitted successfully! The secret is: dumbledore
Basic Information
First Name
*
First name is required
Last Name
*
Last name is required
Email Address
*
Email is required
Enter a valid email address
Phone Number
Enter a valid phone number (e.g., 123-456-7890)
Address Information
Street Address
City
State
Select State
{{state.name}}
Zip Code
Enter a valid zip code
Angular Material Components
Username
Username is required.
Username must be less than 10 characters long.
Password
Password is required.
Password must be at least 8 characters long.
Biography
Biography must be less than 150 characters long.
Favorite Color
{{color.name}}
Rate your experience:
Receive marketing emails
Interests:
{{interest.name}}
Preferred Contact Method:
Email
Phone
Mail
Additional Fields
Date of Birth
Preferred Appointment Time
Alphanumeric Only Input
Only letters and numbers are allowed
Disabled Input
Checkboxes:
{{option.label}}
Radio Buttons:
{{option.label}}
Submit Form
Open Modal
Reset Form
×
Red Herring!
This is a red herring modal instead of submitting the form.