If I don't choose any fields in my form, and click submit, the form is invalid, which is expected. But if I provide one field that is required, and leave all the other required ones alone, the form is shown as valid. Why is this? Code is attached.
#NgForm is showing valid even though required fields are not selected
night acorn
spare drift
If I don't choose any fields in my form, and click submit, the form is invalid, ...
Where does it show valid? We also need to see how you constructed the form in the ts file. Maybe you just need to add [disalbed] to the button?```html
<button mat-raised-button color="primary" type="submit" [disabled]="ngForm.invalid">
<mat-icon>search</mat-icon>
</button>
at the very bottom of the form is my submit button. that button calls this method in my ts:
if (form.valid) {
console.log('Form is valid');
} else {
console.log('Form is invalid');
}
...
}
Is there any other code you need to see?
spare drift
at the very bottom of the form is my submit button. that button calls this metho...
Please show how form is declared.
night acorn
Please show how form is declared.
the form is only declared in my html (first line of the HTML that I attached), it is not declared in my ts.
spare drift
Oh you're using template driven forms. I'm not familiar with them. Do all the required fields validate or only the ones in the arrays?
Also is it possible that it is allowing an empty string?
night acorn
when leaving all fields empty, the form is (correctly) invalid:
