JavaScript Formu

JavaScript formu doğrulama

HTML formu doğrulama JavaScript ile yapılabilir.

Eğer form alanı (fname) boşsa, bu fonksiyon bir mesaj gösterir ve false döner, böylece formun gönderilmesi önlenir:

JavaScript Örneği

function validateForm() {
  let x = document.forms["myForm"]["fname"].value;
  if (x == "") {
    alert("Ad boş bırakılamaz");
    return false;
  }
}

Formu gönderirken bu fonksiyonu çağırabilirsiniz:

HTML formu örneği

<form name="myForm" action="/action_page.php" onsubmit="return validateForm()" method="post">
Ad: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>

Kişisel olarak deneyin

JavaScript sayı girdisi doğrulayabilir

JavaScript genellikle sayı girdisi doğrulamalarında kullanılır:

1 ile 10 arasında bir sayı girin:

Kişisel olarak deneyin

Otomatik HTML formu doğrulama

HTML formu doğrulaması tarayıcı tarafından otomatik olarak gerçekleştirilebilir:

Eğer form alanı (fname) boşsa required Bu özellik, bu formun gönderilmesini önleyebilir:

HTML formu örneği

<form action="/action_page.php" method="post">
  <input type="text" name="fname" required>
  <input type="submit" value="Submit">
</form>

Kişisel olarak deneyin

İpucu:Uyarı: Internet Explorer 9 veya daha eski sürümlerinde otomatik HTML formu doğrulama çalışmaz.

Veri doğrulama

Veri doğrulama, kullanıcı girdisinin temiz, doğru ve yararlı olduğundan emin olmak için bir süreçtir.

Tipik doğrulama görevleri:

  • Kullanıcı tüm zorunlu alanları doldurdu mu?
  • Kullanıcı geçerli bir tarih girdi mi?
  • Kullanıcı sayı alanında metin girdi mi?

Çoğu durumda, veri doğrulamanın amacı, kullanıcı girdisinin doğru olduğundan emin olmaktır.

Doğrulama, birçok farklı yöntemle tanımlanabilir ve birçok farklı şekilde uygulanabilir.

Sunucu tarafı doğrulama, girdi sunucuya gönderildikten sonra Web sunucusu tarafından gerçekleştirilir.

Girdi Web sunucusuna gönderilmeden önce, istemci doğrulaması Web tarayıcısı tarafından gerçekleştirilir.

HTML sınırlı doğrulama

HTML5 bir yeni HTML doğrulama kavramı tanıttı, bu da sınırlı doğrulama olarak adlandırılır.

HTML Kısıtlama Doğrulama:}

  • Kısıtlama Doğrulama HTML input özellikleri
  • Kısıtlama Doğrulama CSS Sahte Seçicileri
  • Kısıtlama Doğrulama DOM özellikleri ve yöntemleri

Kısıtlama Doğrulama HTML input özellikleri

Özellik Açıklama
disabled Input öğesini devre dışı bırakmayı belirtin.
max Input öğesinin en büyük değerini belirtin.
min Input öğesinin en küçük değerini belirtin.
pattern Input öğesinin değer deseni belirtin.
required Input alanının zorunlu olmasını belirtin.
type Input öğesinin türünü belirtin.

Tam liste için ziyaret edin HTML Giriş Özellikleri.

Kısıtlama Doğrulama CSS Sahte Seçicileri

Seçici Açıklama
:disabled "disabled" özelliğini tanımlayan input öğesini seçin.
:invalid Geçersiz değeri olan input öğesini seçin.
:optional "required" özelliğini tanımlamayan input öğesini seçin.
:required "required" özelliğini tanımlayan input öğesini seçin.
:valid Geçerli değeri olan input öğesini seçin.

Tam liste için ziyaret edin CSS Sahte Sınıfları.