Textbox için maksimum harf limiti koymak

Bu soru 1 kez yanıtlandı.

• coderguru

  10 Ağustos 2019 20:28

  33

  HML 5'ten önce HTML 4.01'den beri desteklenen input maxlength özelliğini kullanabilirsiniz. Alternatif yöntemleri de aklıma geldiğince yazıyorum:

  1. HTML input maxlength özelliği ile

  <input type="text" name="deneme" maxlength="5">

  Sonuç bu input'a en fazla 5 karakter uzunluğunda bir yazı yazılabilir. Aynı yöntemi textarea için de uygulayabilirsiniz. Sadece type="number" olan input'larda çalışmayacaktır.

  2. JQuery ile her karakter basımında tetiklenecek bir fonksiyon ile:

  <input type="text" id="deneme">

  $('#deneme').on('keyup', function() {
      var yazi = $(this).val();
      if (yazi.length >= 5 ){
          $(this).val(function() {
              alert("5 karakterden fazla yazamazsınız");
              $(this).val(yazi.substr(0, 5));       
          });
      }
  });