Component Validations
About this lesson
Bu öğrenme içeriğinde, form elementleri üzerinde bileşenlere özgü kuralların nasıl uygulanacağını ele alacağız. En yaygın senaryolar arasında girilmesi zorunlu alanlar ve belirli bir karakter uzunluğuna sahip alanlar bulunmaktadır.
Örnek olarak personel kaydetme ekranını inceleyelim. Bu ekranda, personel adı ve soyadı gibi alanların zorunlu olarak doldurulması gerektiğini varsayalım. İlk adım olarak, personel adı için karşılık gelen form elemanını seçeriz ve Properties panelinde bulunan Add Validations seçeneğine tıklarız. Bu işlem, varsayılan olarak alanın zorunluluğunu kontrol eden bir kural ekler. Kuralın ihlal edilmesi durumunda son kullanıcıya gösterilecek olan uyarı mesajı bu alanda belirtilir. Mesajı değiştirmek istiyorsak, buradan güncelleme yapabiliriz.
Not: Unique validation yapmak zordur. Bu işlem kolaylaştığında, örnek bir içerik eklenecektir.
İsim alanı için bir başka örnek verelim; burada en az üç karakter girilmesi kuralını ekleyelim. İlgili form elemanını seçtikten sonra Add Validations aracılığıyla bu kuralı ekleriz. Gelen validation kuralını Length Longer Then olarak ayarlayıp, değer olarak 3 gireriz. Kullanıcıya En az 3 karakter girilmesi zorunludur şeklinde bir mesaj gösterilir. Bu validationlar sayesinde, isim alanının hem zorunlu olduğunu hem de en az üç karakter içermesi gerektiğini belirlemiş oluruz. İstenildiği kadar validation kuralı, tek bir alan üzerine eklenebilir.
Bir arayüz elementine eklenen validationların aktif hale gelmesi için, bu elementin değerlerinin bir aksiyona parametre olarak verilmesi gereklidir. Eğer elemente validation eklenmişse ve bu element bir aksiyona parametre olarak verilmemişse, validation çalışmaz. Eğer bir aksiyona parametre olarak verilmiş bir element üzerindeki validationların tetiklenmemesini istiyorsak, ilgili aksiyon içerisinde Don't Trigger Validations seçeneğine tıklanmalıdır.
Ayrıca, bazı özel validation tipleri de vardır. Örneğin, bir tarih (Date) veya e-posta (Email) adresinin doğru şekilde doğrulanması için ilgili validasyona sahip elementlerin kullanılması gerekir.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Block quote
Ordered list
- Item 1
- Item 2
- Item 3
Unordered list
- Item A
- Item B
- Item C
Bold text
Emphasis
Superscript
Subscript
Bu öğrenme içeriğinde, form elementleri üzerinde bileşenlere özgü kuralların nasıl uygulanacağını ele alacağız. En yaygın senaryolar arasında girilmesi zorunlu alanlar ve belirli bir karakter uzunluğuna sahip alanlar bulunmaktadır.
Örnek olarak personel kaydetme ekranını inceleyelim. Bu ekranda, personel adı ve soyadı gibi alanların zorunlu olarak doldurulması gerektiğini varsayalım. İlk adım olarak, personel adı için karşılık gelen form elemanını seçeriz ve Properties panelinde bulunan Add Validations seçeneğine tıklarız. Bu işlem, varsayılan olarak alanın zorunluluğunu kontrol eden bir kural ekler. Kuralın ihlal edilmesi durumunda son kullanıcıya gösterilecek olan uyarı mesajı bu alanda belirtilir. Mesajı değiştirmek istiyorsak, buradan güncelleme yapabiliriz.
Not: Unique validation yapmak zordur. Bu işlem kolaylaştığında, örnek bir içerik eklenecektir.
İsim alanı için bir başka örnek verelim; burada en az üç karakter girilmesi kuralını ekleyelim. İlgili form elemanını seçtikten sonra Add Validations aracılığıyla bu kuralı ekleriz. Gelen validation kuralını Length Longer Then olarak ayarlayıp, değer olarak 3 gireriz. Kullanıcıya En az 3 karakter girilmesi zorunludur şeklinde bir mesaj gösterilir. Bu validationlar sayesinde, isim alanının hem zorunlu olduğunu hem de en az üç karakter içermesi gerektiğini belirlemiş oluruz. İstenildiği kadar validation kuralı, tek bir alan üzerine eklenebilir.
Bir arayüz elementine eklenen validationların aktif hale gelmesi için, bu elementin değerlerinin bir aksiyona parametre olarak verilmesi gereklidir. Eğer elemente validation eklenmişse ve bu element bir aksiyona parametre olarak verilmemişse, validation çalışmaz. Eğer bir aksiyona parametre olarak verilmiş bir element üzerindeki validationların tetiklenmemesini istiyorsak, ilgili aksiyon içerisinde Don't Trigger Validations seçeneğine tıklanmalıdır.
Ayrıca, bazı özel validation tipleri de vardır. Örneğin, bir tarih (Date) veya e-posta (Email) adresinin doğru şekilde doğrulanması için ilgili validasyona sahip elementlerin kullanılması gerekir.
Kuika Platformunda yeni bir kullanıcı arayüzüne geçiyoruz ve Kuika Akademi kurslarımızı ve videolarımızı mümkün olan en kısa sürede güncelliyoruz.
Bu öğrenme içeriğinde, form elementleri üzerinde bileşenlere özgü kuralların nasıl uygulanacağını ele alacağız. Örneğin, personel kaydetme ekranında zorunlu alanlar ve karakter uzunluğu gibi kurallar belirleyeceğiz. İsim alanı için en az üç karakter girilmesi gerektiğini ve bu tür kuralların nasıl eklenip yönetileceğini göstereceğiz. Bu sayede kullanıcıya doğru giriş yapması için gerekli uyarı mesajlarını gösterebileceğiz.
Bu öğrenme içeriğinde, form elementleri üzerinde bileşenlere özgü kuralların nasıl uygulanacağını ele alacağız. En yaygın senaryolar arasında girilmesi zorunlu alanlar ve belirli bir karakter uzunluğuna sahip alanlar bulunmaktadır.
Örnek olarak personel kaydetme ekranını inceleyelim. Bu ekranda, personel adı ve soyadı gibi alanların zorunlu olarak doldurulması gerektiğini varsayalım. İlk adım olarak, personel adı için karşılık gelen form elemanını seçeriz ve Properties panelinde bulunan Add Validations seçeneğine tıklarız. Bu işlem, varsayılan olarak alanın zorunluluğunu kontrol eden bir kural ekler. Kuralın ihlal edilmesi durumunda son kullanıcıya gösterilecek olan uyarı mesajı bu alanda belirtilir. Mesajı değiştirmek istiyorsak, buradan güncelleme yapabiliriz.
Not: Unique validation yapmak zordur. Bu işlem kolaylaştığında, örnek bir içerik eklenecektir.
İsim alanı için bir başka örnek verelim; burada en az üç karakter girilmesi kuralını ekleyelim. İlgili form elemanını seçtikten sonra Add Validations aracılığıyla bu kuralı ekleriz. Gelen validation kuralını Length Longer Then olarak ayarlayıp, değer olarak 3 gireriz. Kullanıcıya En az 3 karakter girilmesi zorunludur şeklinde bir mesaj gösterilir. Bu validationlar sayesinde, isim alanının hem zorunlu olduğunu hem de en az üç karakter içermesi gerektiğini belirlemiş oluruz. İstenildiği kadar validation kuralı, tek bir alan üzerine eklenebilir.
Bir arayüz elementine eklenen validationların aktif hale gelmesi için, bu elementin değerlerinin bir aksiyona parametre olarak verilmesi gereklidir. Eğer elemente validation eklenmişse ve bu element bir aksiyona parametre olarak verilmemişse, validation çalışmaz. Eğer bir aksiyona parametre olarak verilmiş bir element üzerindeki validationların tetiklenmemesini istiyorsak, ilgili aksiyon içerisinde Don't Trigger Validations seçeneğine tıklanmalıdır.
Ayrıca, bazı özel validation tipleri de vardır. Örneğin, bir tarih (Date) veya e-posta (Email) adresinin doğru şekilde doğrulanması için ilgili validasyona sahip elementlerin kullanılması gerekir.
Dosyalar
Kaynaklar
Sözlük
