PrimgNG + Angular Required field Validator for dropdown

Asked Nov 17 '20 at 05:27

Active Nov 17 '20 at 05:35

Viewed 734 times

I'm using a PrimeNG dropdown component and need to trigger a required field validation. when I click on form submit browser level validations is showing only error message. but I want dropdown + error message to be displayed. this behaviour is only in p-dropdown it's working fine for other primeng components.

this is the behaviour on form submit

Here my code

<p-dropdown #p (onFocus)="isDropDownClicked?'':p.overlayVisible = true;" (onBlur)="p.overlayVisible = isDropDownClicked" (onClick)="isDropDownClicked=true" (onHide)="isDropDownClicked=false" [options]="List" [(ngModel)]="reservation" [ngModelOptions]="{standalone: true}" placeholder="Select" optionLabel="label" dropdownIcon="pi pi-caret-down" required [showClear]="false"> </p-dropdown>

I want to display like this

edited Nov 17 '20 at 05:35

Kiran Mistry

2,614
3
12
28

asked Nov 17 '20 at 05:27

Irfan

share your minimal code so we can clarify your problem – Kiran Mistry Nov 17 '20 at 05:29
this is not proper way edit your existing question – Kiran Mistry Nov 17 '20 at 05:33
Please update your question with your minimal code – Kirubel Nov 17 '20 at 05:34
if you write `required` then it will by default `false` in primeng dropdown so When present, it specifies that an input field must be filled out before submitting the form. – Kiran Mistry Nov 17 '20 at 05:37
yes but when focus is going to that field only message is displayed, we need to scroll again to show the dropdown. – Irfan Nov 17 '20 at 05:40

PrimgNG + Angular Required field Validator for dropdown

0 Answers0