Template-driven Forms

This example demonstrates how to design template-driven form using Textbox component. The submit button will be enabled after filling the form with valid values. You can fill the details and submit the form.
More Details...


The Textbox component is integrated with template-driven forms and it allows you to bind the value to model using ngModel. The textbox appearance will be changed based on its success or failure state. After the form is submitted, the values will be reset to defaults. The following validation is enabled in this sample: First name and Last name - required Username and password - required and minimum length as 6 Email - required and valid email address Mobile number - required, number only, and minimum length as 10 More information about template-driven forms is found in this reference link.