Forms and select fields

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: Forms and select fields

Pidu asked 5 years ago

Hi. I have this problem: in a reactive form if I change the value of a select field -1- (in edit mode), the validation of the form don t work (that mean the save button -2- is always disabled). This situation happen also when I try to insert a new form if the select field is the last field of the form (in the picture if -2- was in place of the url image field).

see this 20 sec of Utube video.

...
Add Course Title Input invalid Input valid ... Input invalid Input valid ... Save Cancel

enter image description here

Arkadiusz Idzikowski staff commented 5 years ago

Please update your post and add the html and ts code of the select form control.

You mentioned a youtube video but I don't see any yt link.

Pidu commented 5 years ago

Hi It is better if you go to this editor: https://stackblitz.com/edit/angular-dacanc app.component.ts & app.component.html

Arkadiusz Idzikowski staff commented 5 years ago

You set disabledSubmitButton variable to false only when an input event is emitted (in host listener method). Selecting option won't trigger this event.
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 9.0.1
  • Device: //
  • Browser: Chrome
  • OS: Mojave
  • Provided sample code: No
  • Provided link: No
Tags
forms select
Related topics
0
Select dropdown element does not submit POST value.
0
How to disable select till a value is given in previous selects
0
Targeting specific instance of select element
0
Form reset button / label clearing
0
Update MDB 5 form design to MDB 4 design
About author
Pidu
30Support score
6Questions 0Answers
0Snippets likes 0Snippets