Validation provides a means to ensure the user is inputting usable data into a form. Form validation can be expressed to a user initially by denoting required inputs with the required symbol; or, after a user enters invalid information into the form through warnings and invalid states.
#demo https://dynamic-components.github.io/#/dynamic-forms/simple
#Simple Dynamic forms.
import { TextArea, Textbox } from 'dynamic-forms';
export class FormsComponent implements OnInit {
inputfields: any[] = [
new Textbox({
key: "Name",
label: "Name",
type: "text",
value: '',
required: true,
}),
new TextArea({
key: "Discription",
label: "Description",
type: "text",
value: '',
required: false,
})
];
submit(value: string) {
console.log(JSON.parse(value));
}
}
<dynamic-forms [inputFields]="inputfields" (submit)="submit($event)">
<div class=" btn-container m-t-md">
<button type="submit" class="btn-primary btn">
Save
</button>
<button type="button" class="js-details-target btn">
Cancel
</button>
</div>
</dynamic-forms>
#module
import { DynamicFormModule } from 'dynamic-forms';
imports: [
DynamicFormModule
],
Dynamic forms with multi value input in table
few toxic input fields