İNTERNET PROGRAMLAMA 2 A S P. N E T. Marmara Teknik Bilimler MYO / Hafta 3 Asp.NET Doğrulama Kontrolleri

Transkript

1 İNTERNET PROGRAMLAMA 2 A S P. N E T Marmara Teknik Bilimler MYO / Hafta 3 Asp.NET Doğrulama Kontrolleri

2 ASP.NET DOĞRULAMA KONTROLLERİ Doğrulama Kontrolleri; kullanıcılardan veri alınması gerektiği durumlarda, alınan verilerin doğruluğunu denetlemek için kullanılır. Bu kontroller, istemcide çalışan script tabanlı kontrollerdir. Kullanıcının herhangi bir form elemanına istenilen biçimde veri girmesini sağlamak için kullanılır. Örneğin; veri girişi gerekli bir alanın boş bırakılmasını veya sayı girişi yapılacak bir alana metin girişini engellemek için bu kontrolleri kullanılabilir. 2

3 ASP.NET DOĞRULAMA KONTROLLERİ ASP.NET için 6 doğrulama kontrolü bulunmaktadır: RequiredFieldValidator RangeValidator CompareValidator RegularExpressionValidator CustomValidator ValidationSummary 3

4 ASP.NET DOĞRULAMA KONTROLLERİ RequiredFieldValidator Kullanıcının belirtilen alanı boş geçmesini engelleyerek mutlaka doldurulmasını sağlayan doğrulama kontrolüdür. Bu kontrol, belirtilen alan boş geçildiğinde istenen hata mesajı ekrana getirilerek sayfanın sunucuya gitmesi engellenir. Toolbox panelinde Validation grubu içinde yer alır. 4

5 ASP.NET DOĞRULAMA KONTROLLERİ RequiredFieldValidator Bu kontrole ait özellikler şunlardır: ID: Kontrol adını belirlemek için kullanılır. ControlToValidate: Kontrol edilecek olan sunucu kontrolünü belirlemek için kullanılır. Kontrol edilecek sunucu kontrolünün ID si burada belirtilir. ErrorMessage: Kullanıcıya gönderilecek hata mesajı bu alana girilir. 5

6 Kullanıcı adı ve şifre alanlarının boş geçilmesini engellemek için gerekli doğrulama uygulamasını yapınız.. UYGULAMA ADIMLARI Kontroller (TextBox ve Button), ilgili alanlara eklenmelidir. TextBox kontrollerinin yanına RequiredFieldValidator kontrolü eklenmelidir. Eklenen doğrulama kontrollerinin ControlToValidate özelliği değiştirilmelidir. Eklenen doğrulama kontrollerinin ErrorMessage özelliği değiştirilmelidir. Eklenen doğrulama kontrollerinin FORECOLOR ve FONT-BOLD özellikleri değiştirilebilir. 6

7 Adım1 Kontroller, sayfa içinde ilgili alanlara eklenir. 7

8 Adım2 ControlToValidate özelliği aracılığıyla; doğrulama kontrolü (RequiredFieldValidator) ile sunucu kontrolü (TextBox) arası eşleştirme tanımlanır. 8

9 Adım3 ErrorMessage özelliği aracılığıyla; sunucu kontrolleri (TextBox) boş bırakıldığında sayfada gösterilecek uyarı tanımlanır. 9

10 Adım4 İstenirse RequiredFieldValidator için Font-Bold ve ForeColor biçimlendirmesi tanımlanabilir. Sayfa kaydedilip tarayıcı önizlemesi yapılır. 10

11 ASP.NET DOĞRULAMA KONTROLLERİ RangeValidator Kullanıcı tarafından girilen bir değerin belirli bir aralıkta tutulmasını sağlamak için kullanılır. Bunun için RangeValidator kontrolüne maksimum ve mininum değerler girilir. Toolbox panelinde Validation grubu içinde yer alır. 11

12 ASP.NET DOĞRULAMA KONTROLLERİ RangeValidator Bu kontrole ait özellikler şunlardır: ID: Kontrol adını belirlemek için kullanılır. ControlToValidate: Kontrol edilecek olan sunucu kontrolünü belirlemek için kullanılır. Kontrol edilecek sunucu kontrolünün ID si burada belirtilir. ErrorMessage: Kullanıcıya gönderilecek hata mesajı bu alana girilir. MaximumValue: Aralık üst değeri belirtilir. MinimumValue: Aralık alt değeri belirtilir. Type: Veri türünü tanımlamak için kullanılır. 12

13 Yazılı Notu alanlarına arasında değer girişi için izin verilmesini sağlayan doğrulama uygulamasını yapınız.. UYGULAMA ADIMLARI Kontroller (TextBox ve Button), ilgili alanlara eklenmelidir. TextBox kontrollerinin yanına RangeValidator kontrolü eklenmelidir. Eklenen doğrulama kontrollerinin ControlToValidate özelliği değiştirilmelidir. Eklenen doğrulama kontrollerinin ErrorMessage özelliği değiştirilmelidir. Eklenen doğrulama kontrollerinin MaximumValue ve MinimumValue özellikleri değiştirilmelidir. Eklenen doğrulama kontrollerinin FORECOLOR ve FONT-BOLD özellikleri değiştirilebilir. 13

14 Adım1 Kontroller, sayfa içinde ilgili alanlara eklenir. 14

15 Adım2 ControlToValidate özelliği aracılığıyla; doğrulama kontrolü (RangeValdiator) ile sunucu kontrolü (TextBox) arası eşleştirme tanımlanır. 15

16 Adım3 ErrorMessage özelliği aracılığıyla; sunucu kontrolleri (TextBox) içine, tanımlanan minimum-maksimum değer aralığı dışında bir değer girildiğinde sayfada gösterilecek uyarı tanımlanır. 16

17 Adım4 MaximumValue ve MinimumValue özellikleri aracılığıyla; sunucu kontrolleri (TextBox) içine girilebilecek değer aralığı için en büyük-en küçük değer tanımlaması yapılır. 17

18 Adım5 Type özelliğiyle; sunucu kontrolleri (TextBox) içine girilebilecek değere ait veri türü tanımlaması yapılır. 18

19 Adım6 İstenirse RangeValidator için Font-Bold ve ForeColor biçimlendirmesi tanımlanabilir. Sayfa kaydedilip tarayıcı önizlemesi yapılır. 19

20 ASP.NET DOĞRULAMA KONTROLLERİ CompareValidator Kullanıcı tarafından girilen değerlerin başka bir değerle karşılaştırmasını yapar. Girilen değer, başka bir alandaki bir değerle ya da belirtilen sabit bir değerle karşılaştırılabilir. Toolbox panelinde Validation grubu içinde yer alır. 20

21 ASP.NET DOĞRULAMA KONTROLLERİ CompareValidator Bu kontrole ait özellikler şunlardır: ID: Kontrol adını belirlemek için kullanılır. ControlToValidate: Karşılaştırılacak değerin girildiği alandır. ErrorMessage: Kullanıcıya gönderilecek hata mesajı bu alana girilir. ControlToCompare: Karşılaştırma başka bir alanla yapılacaksa; ilgili alan tanımlaması yapılır. ValueToCompare: Karşılaştırma sabir bir değerle yapılacaksa; sabit değer, bu alana girilir. 21

22 Parola onayıyla iki TextBox alanındaki değerin karşılaştırılmasını sağlayan doğrulama uygulamasını yapınız.. UYGULAMA ADIMLARI Kontroller (TextBox ve Button), ilgili alanlara eklenmelidir. İlgili TextBox kontrolünün yanına CompareValidator kontrolü eklenmelidir. Eklenen doğrulama kontrolünün ControlToCompare özelliği değiştirilmelidir. Eklenen doğrulama kontrolünün ControlToValidate özelliği değiştirilmelidir. Eklenen doğrulama kontrolünün ErrorMessage özelliği değiştirilmelidir. Eklenen doğrulama kontrollünün FORECOLOR ve FONT-BOLD özellikleri değiştirilebilir. 22

23 Adım1 Kontroller, sayfa içinde ilgili alanlara eklenir. 23

24 Adım2 ControlToCompare özelliği ile; karşılaştırma yapılacak sunucu kontrolü (TextBox1) tanımlanır. ControlToValidate özelliği ile; kontrol edilecek sunucu kontrolü (TextBox2) tanımlanır. 24

25 Adım3 ErrorMessage özelliği aracılığıyla; sunucu kontrolleri (TextBox) içine girilen değerlerin eşleşmemesi halinde sayfada gösterilecek uyarı tanımlanır. 25

26 Adım4 İstenirse CompareValidator için Font-Bold ve ForeColor biçimlendirmesi tanımlanabilir. Sayfa kaydedilip tarayıcı önizlemesi yapılır. 26

27 ASP.NET DOĞRULAMA KONTROLLERİ RegularExpressionValidator Kullanıcı tarafından girilen değerin belirli bir söz dizimi şeklinde girilmesini sağlamak için kullanılır. Girilen değer istenilen söz dizilimine uygun değilse sayfanın sunucuya gitmesini engelleyerek hata mesajı üretir. E-posta adresleri, telefon numaraları, web adreslerinin girilmesi için kullanılaabilir. 27

28 ASP.NET DOĞRULAMA KONTROLLERİ RegularExpressionValidator Bu kontrole ait özellikler şunlardır: ID: Kontrol adını belirlemek için kullanılır. ErrorMessage: Kullanıcıya gönderilecek hata mesajı bu alana girilir. ValidationExpression: Girilecek söz diziliminin seçileceği alandır. Söz dizilimi için Visual Studio belirli alternatifler sunar. 28

29 Girilen web ve e-posta adresi bilgilerinin uygun söz diziliminde olup olmadığının doğrulamasını yapan uygulamayı hazırlayınız.. UYGULAMA ADIMLARI Kontroller (TextBox ve Button), ilgili alanlara eklenmelidir. İlgili TextBox kontrollerinin yanına RegularExpressionValidator kontrolü eklenmelidir. Eklenen doğrulama kontrollerinin ControlToValidate özelliği değiştirilmelidir. Eklenen doğrulama kontrollerinin ValidationExpression özelliği değiştirilmelidir. Eklenen doğrulama kontrollerinin ErrorMessage özelliği değiştirilmelidir. Eklenen doğrulama kontrollerinin FORECOLOR ve FONT-BOLD özellikleri değiştirilebilir. 29

30 Adım1 Kontroller, sayfa içinde ilgili alanlara eklenir. 30

31 Adım2 ControlToValidate özelliği ile; kontrol edilecek sunucu kontrolleri (TextBox1 ve TextBox2) tanımlanır. 31

32 Adım3 ValidationExpression özelliği aracılığıyla; sunucu kontrollerine (TextBox1 ve Textbox2) girilecek ifadelerin söz dizilimleri (Internet URL ve Internet address) tanımlanır. 32

33 Adım4 ErrorMessage özelliği aracılığıyla; sunucu kontrolleri (TextBox1 ve TextBox2) içine girilen değerlerin uygun dizilimde olmaması halinde sayfada gösterilecek uyarılar tanımlanır. 33

34 Adım5 İstenirse RegularExpressionValidator için Font-Bold ve ForeColor biçimlendirmesi tanımlanabilir. Sayfa kaydedilip tarayıcı önizlemesi yapılır. 34

35 ASP.NET DOĞRULAMA KONTROLLERİ CustomValidator Kullanıcı tarafından girilen değerleri kontrol etmek için doğrulama kontrolleri ihtiyaca cevap vermediği zaman, geliştiricilerin kendi yazdıkları doğrulama fonksiyonlarının kullanımı içindir. <asp:customvalidator ID="CustomValidator1" runat="server"> </asp:customvalidator> 35

36 Yorum alanına girilen metnin 150 karakterden fazla olup olmadığının doğrulamasını yapan uygulamayı hazırlayınız.. UYGULAMA ADIMLARI Kontroller (TextBox ve Button), ilgili alanlara eklenmelidir. İlgili TextBox kontrolünün yanına CustomValidator kontrolü eklenmelidir. Eklenen doğrulama kontrolünün ControlToValidate özelliği değiştirilmelidir. Eklenen doğrulama kontrolünün ErrorMessage özelliği değiştirilmelidir. Eklenen doğrulama kontrolü çift tıklanarak ServerValidate olayı için C# kodlaması yapılmalıdır. Eklenen doğrulama kontrollerinin FORECOLOR ve FONT-BOLD özellikleri değiştirilebilir. 36

37 Adım1 Kontroller, sayfa içinde ilgili alanlara eklenir. 37

38 Adım2 ControlToValidate özelliği ile; kontrol edilecek sunucu kontrolü (TextBox1) tanımlanır. 38

39 Adım3 ErrorMessage özelliği aracılığıyla; sunucu kontrolleri (TextBox1 ve TextBox2) içine girilen değerlerin uygun dizilimde olmaması halinde sayfada gösterilecek uyarılar tanımlanır. 39

40 Adım4 CustomValidator kontrolü üzerine çift tıklanarak açılan CS sayfasında ServerValidate olayı için doğrulama kuralı kodlanır. 40

41 Adım5 İstenirse CustomValidator için Font-Bold ve ForeColor biçimlendirmesi tanımlanabilir. Sayfa kaydedilip tarayıcı önizlemesi yapılır. 41

42 ASP.NET DOĞRULAMA KONTROLLERİ ValidationSummary Doğrulama kontrollerinin ürettiği hata mesajlarını bir yerde toplamak için kullanılır. Bu kontrol doğrudan sayfa içine eklenerek kullanılabilir. Bu durumda hata mesajı ValidationSummary ile gösterilecektir. Ancak doğrulama kontrolünün kendi hata mesajı da aktif olduğu için o kontrol de hata mesajı gösterecektir. 42

43 ASP.NET DOĞRULAMA KONTROLLERİ ValidationSummary Hata mesajları ValidationSummary kontrolü kullanılarak görüntülenecekse; istenen hata uyarıları bu kontrole yazılmalıdır. Diğer kontrollerin Text özelliğine hatanın nerede oluştuğunu göstermek için * vb. tek karakterlik mesaj yazılabilir. 43

44 Kullanıcı adı ve şifre alanlarının kontrolü ve ilgili hataların toplu halde gösterilmesi için gerekli doğrulama uygulamasını yapınız.. UYGULAMA ADIMLARI Kontroller (TextBox ve Button), ilgili alanlara eklenmelidir. TextBox kontrollerinin yanına RequiredFieldValidator kontrolü eklenmelidir. Eklenen doğrulama kontrollerinin ControlToValidate özelliği değiştirilmelidir. Eklenen doğrulama kontrollerinin ErrorMessage özelliği değiştirilmelidir. Eklenen doğrulama kontrollerinin Text özelliği değiştirilmelidir. Button kontrolünün altına ValidationSummary kontrolü eklenmelidir. Eklenen doğrulama kontrollerinin FORECOLOR ve FONT-BOLD özellikleri değiştirilebilir. 44

45 Adım1 Kontroller, sayfa içinde ilgili alanlara eklenir. 45

46 Adım2 ControlToValidate özelliği aracılığıyla; doğrulama kontrolü (RequiredFieldValidator) ile sunucu kontrolü (TextBox) arası eşleştirme tanımlanır. 46

47 Adım3 ErrorMessage özelliği aracılığıyla; sunucu kontrolleri (TextBox) boş bırakıldığında sayfada gösterilecek uyarı tanımlanır. 47

48 Adım4 Text özelliği aracılığıyla; sunucu kontrollerinin (TextBox1 ve TextBox2) yanında gösterilecek uyarı ifadesi tanımlanır. ValidationSummary alanında tam uyarı metni görüneceği için burada küçük bir işaret tanımlanması uygun olacaktır. 48

49 Adım5 İstenirse ValidationSummary için Font-Bold ve ForeColor biçimlendirmesi tanımlanabilir. Sayfa kaydedilip tarayıcı önizlemesi yapılır. 49

50 ASP.NET DOĞRULAMA KONTROLLERİ ValidationGroup Özelliği Bir sayfada birden fazla doğrulama kontrolü kullanıldığı zaman programın çalışmasıyla ilgili problemler yaşanabilmektedir. Aynı sayfa içinde farklı doğrulama kontrolleri kullanıldığında; bu kontrollerin birbirinden etkilenmesini engellemek için ValidationGroup özelliği kullanılmalıdır. 50

51 Kullanıcı kaydı yapıldığından doğrulama kodu üreten ve bu kodun doğru girilmesine göre giriş onayı / tekrarı veren şifre alanlarının kontrolü ve ilgili hataların toplu halde gösterilmesi için gerekli doğrulama uygulamasını yapınız.. UYGULAMA ADIMLARI Kontroller (TextBox ve Button), ilgili alanlara eklenmelidir. Doğrulama kontrolleri, ilgili alanlara eklenmelidir. Eklenen doğrulama kontrollerinin özellikleri (ControlToValidate, ErrorMessage, ) değiştirilmelidir. Eklenen doğrulama kontrollerinin ve butonların ValidationGroup özelliği değiştirilmelidir. Butonlara Button_Click olayı için işlem kodlaması yapılmalıdır. 51

52 Adım1 Kontroller, sayfa içinde ilgili alanlara eklenir. Label1 ve Label2 kontrollerinin başlangıçta gözükmemesi için; Visible=False özelliği tanımlanır. 52

53 Adım2 ControlToValidate özelliği aracılığıyla; doğrulama kontrolleri ile sunucu kontrolleri (TextBox) arası eşleştirmeler tanımlanır. ErrorMessage özelliği aracılığıyla; sunucu kontrolleri, ilişkilendirilen doğrulama kontrollerine uygun şekilde doldurulmadığında sayfada gösterilecek uyarılar tanımlanır. İlgili kontroller için ValidationExpression ve ControltoCompare özellikleri tanımlanır. 53

54 Adım3 KULLANICI KAYDI alanı içindeki KAYIT OL butonu dahil tüm kontrollerin ValidationGroup özelliği uyelik şeklinde tanımlanır.. 54

55 Adım4 KULLANICI GİRİŞİ alanı içindeki GİRİŞ butonu dahil tüm kontrollerin ValidationGroup özelliği giris şeklinde tanımlanır.. 55

56 Adım5 KAYIT OL butonu için Button_Click olayı içine Label1 kontrolünde rastgele sayı üretilmesi için gerekli kod tanımlaması yapılır. 56

57 Adım6 GİRİŞ butonu için Button_Click olayı içine TextBox içine girilecek kod ile Label1 de rastgele gelen değerin karşılaştırma sonucunu gösterecek kod tanımlaması yapılır. 57

58 Adım7 ValidationGroup özelliğiyle; iki form alanı ayrı ayrı kontrol edilebilir hale gelmiştir. Bir tarafta oluşacak hata diğer kısmın çalışmasını etkilemeyecektir. 58