Display client side validation errors when submit button is clicked

curretly submit button is disabled when the form is ivalid

- [x] implement better solution
- [x] write unit tests
- [x] review the code