Merhabalar.

Telefon numarasını bi maskeleme olarak veritabanına almaya çalışıyorum ama ilk inputta maskeleme çalışıyor, onun altında kalanlarda çalışmıyor. İlk inputu sildiğimde bir diğerinde çalışıyor ama sonrakilerde yine çalışmıyor. Maskeleme işlemi neden sadece ilk inputta geçerli acaba?

 <div class="form-group row">
                                <label for="colFormLabel" class="col-sm-3 col-form-label">Telefon 1:</label>
                                <div class="col-sm-9">
                                    <div class="input-group input-group-merge">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text">(+90)</span>
                                        </div>
                                        <input type="text" value="{{ $kurumBilgi->tel1 }}" name="tel1"
                                            class="form-control phone-number-mask" {{-- pattern="[0-9]{10}" --}}
                                            placeholder="555 555 55 55" id="phone-number">
                                    </div>
                                </div>
                            </div>




                            <div class="form-group row">
                                <label for="colFormLabel" class="col-sm-3 col-form-label">Telefon 2:</label>
                                <div class="col-sm-9">
                                    <div class="input-group input-group-merge">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text">(+90)</span>
                                        </div>
                                        <input type="text" value="{{ $kurumBilgi->tel2 }}" name="tel2"
                                            class="form-control phone-number-mask" {{-- pattern="[0-9]{10}" --}}
                                            placeholder="555 555 55 55" id="phone-number">
                                    </div>
                                </div>
                            </div>


                            <div class="form-group row">
                                <label for="colFormLabel" class="col-sm-3 col-form-label">Telefon 3:</label>
                                <div class="col-sm-9">
                                    <div class="input-group input-group-merge">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text">(+90)</span>
                                        </div>
                                        <input type="text" value="{{ $kurumBilgi->tel3 }}" name="tel3"
                                            class="form-control phone-number-mask" {{-- pattern="[0-9]{10}" --}}
                                            placeholder="555 555 55 55" id="phone-number">
                                    </div>
                                </div>
                            </div>

                            <div class="form-group row">
                                <label for="colFormLabel" class="col-sm-3 col-form-label">Whatsapp:</label>
                                <div class="col-sm-9">
                                    <div class="input-group input-group-merge">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text">(+90)</span>
                                        </div>
                                        <input type="text" value="{{ $kurumBilgi->whatsapp }}" name="whatsapp"
                                            class="form-control phone-number-mask" {{-- pattern="[0-9]{10}" --}}
                                            placeholder="555 555 55 55" id="phone-number">
                                    </div>
                                </div>
                            </div>