PHP & MYSQL - Gizle / Göster ve Zorunlu Alan

Merhabalar,
PHP ile oluşturulmuş bir form sayfam var. Bu form sayfasının içerisinde 1 adet select/option, 1 adet text ve kaydet butonum var. Text normalde gizli ama Select option' dan seçilen bir değere (Diğer seçeneği) göre Text ortaya çıkıyor. Bu kısma kadar her şey tamam ancak Text' i required ile zorunlu alan yapmak istediğimde Select option' da eğer ilgili değer seçilmediyse (Diğer seçeneği seçilmediyse) Text açılmıyor ve text zorunlu alan olduğu için doldurulmamış sayılıp formu kaydetmiyor. Yapmak istediğim de şu, Select option' dan ilgili veri (Diğer) seçildiğinde Text alanı açılsın ve Text alanı zorunlu olsun, ama select option' dan ilgili veri (Diğer) seçilmediğinde text alanı açılmadığı için zorunlu olmasın. Desteklerinizi rica ederim.

<script type="text/javascript">
                  $(function(){
                    $("#izinturu").change(function(){
                        if($(this).val() == "Diğer"){
                            $("#izinturudiger").show();
                        }
                        else{
                            $("#izinturudiger").hide();
                        }
                    });
                    $("#izinturudiger").hide();
                });
                </script>

                <form action="" method="POST" class="needs-validation">
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <label>Kullanılan İzin Türü</label>
                            <select name="izinturu" id="izinturu" class="form-control" required>
                            <option disabled selected>İzin Türü Seçiniz</option>
                            <option value="Yıllık İzin">Yıllık İzin</option>
                            <option value="Ücretsiz İzin">Ücretsiz İzin</option>
                            <option value="Diğer">Diğer*</option>
                    
                            </select>
                        </div>
                        <div id="izinturudiger" class="form-group col-md-6">
                            <label>Diğer*</label>
                            <input type="text" name="izinturudiger" id="izinturudiger" class="form-control"  placeholder="Diğer Açıklama" required>
                        </div>
                    </div>
                    <div class="text-center">
                        <button type="submit" name="randevuekle" class="btn btn-primary  fs-25">Talep Et</button>
                    </div>
                </div>

input da default required olmasın. select den bir seçim olursa ve bu seçim "diğer" ise inputu göstersin ve required eklesin, seçilen option "diğer" değilse inputu gizleyip required kaldırsın.

<script type="text/javascript">
  $(function(){
    $("#izinturu").change(function(){
      if($(this).val() == "Diğer"){
        $("#izinturudiger").show();
        $("#izinturudiger input").prop('required',true);  
      } else {
        $("#izinturudiger").hide();
        $("#izinturudiger input").prop('required',false);
      }
    });
    $("#izinturudiger").hide(); 
    $("#izinturudiger input").prop('required', false); 
  });
</script>

script bölümünü bu şekilde güncelleyin

Desteğiniz için teşekkür ederim hocam.

Hocam yazdığınız gibi yaparak sorunumu çözdüm. Desteğiniz için teşekkür ederim.