Is there any event or triger to clear input value when change country code

abhinaykm commented 7 months ago

``

jalalbmnf commented 7 months ago

Hi, can you share code block?

abhinaykm commented 7 months ago

Dear Jalalbmnf ,

I hope this email finds you well. I have a few questions related to our phone number input field and its behavior when changing the country. Your assistance with these queries would be greatly appreciated:

Clearing Phone Number on Country Change: Is there a specific procedure or best practice to clear the phone number input when a user changes their selected country? We want to ensure a smooth transition when switching countries.

Country Code and Selection: I've noticed an issue when a user selects a country with a country code that begins with "+1," such as the United States, and then changes it to another country, for example, Canada. It seems that the country is not being selected correctly due to the shared country code. How can we address this challenge?

Setting Maximum Length for Phone Numbers: Is there a directive or method you recommend to set a maximum character length for phone numbers in our input field? We want to ensure that users provide phone numbers within a specified limit. I am sharing a shortcode with you please check...

Thank you for your time and guidance on these matters. Your insights will be invaluable in improving our user experience.

--------------------.html--------------------------------------------------

<ng-template #content let-modal> <form [formGroup]="branchForm" (ngSubmit)="submitForm()">

Email ^*

            </div>
            <div class="col-sm-4">
                <div class="mb-3">
                    <label class="form-label">Phone No <span

class="text-danger">^*

                    <mat-hint>eg :

{{phone.selectedCountry?.placeHolder}} <div ngIf="submitted && f['phone'].errors" class="invalid-feedbacks"> <div ngIf="f['phone'].errors['required']">{{displayErrMessage.phone}}

<div *ngIf="f['phone'].errors['validatePhoneNumber']">{{displayErrMessage.phonePattern}}

            </div>
        </div>
    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-danger bg-gradient"

(click)="closeModal()">Cancel

jalalbmnf commented 6 months ago

Hi @abhinaykm, I wrote my intl tel input

rbalet commented 4 months ago

Hi @abhinaykm.

Since this library isn't maintained anymore, I did enhance it in a library fork.

I've added a new resetOnChange attribute that should resolve your issue on the following version: https://github.com/rbalet/ngx-mat-input-tel/releases/tag/v17.2.0

If you wish to test it out ;) https://www.npmjs.com/package/ngx-mat-input-tel

Cheers

tanansatpal / ngx-mat-intl-tel-input

Is there any event or triger to clear input value when change country code #192