I have a situation when I try to check if a form is valid, but form.valid() always returns true. But if I try to validate the individual control, it returns false.
T
You should add required to the input
See working demo here
For unobtrusive HTML 5-compatible attributes describe the validators to be attached to the input fields data-val="true".
data-val="true"
See more info here