AngularJS - 7 - Form Validation

Yapısına bakığımızda AngularJS MVC mantığını client-side yani kullanıcı tarafında gerçekleştirebilen bir platform. Dolayısı ile form kontrolleri için ideal bir durum sunuyor. sunucu tarafına istek yapılmaksızın girilen değerler belirli ölçülerde kontrol edilebilir.

HTML5 özelliği olan "required" anahtar kelimesi ile zorunlu alanlar işaretlenebilir, ve "$valid" ile giriş olup olmadığı kontrol edilebilir.


NOT : Ancak unutulmaması gereken kullanıcı tarafındaki validasyonlar gerek olmasına rağmen yeter değildir, güvenlik adına sunucu tarafında kontrol gereklidir.

AngularJS te input ve form calidasyonları mevcut ve hepsi "true / false" değerlerini alırlar. inoput state leri:
  • $untouchedHenüz alana dokunulmadı.
  • $touched  Alana dokunuldu.
  • $pristine Henüz alan değiştirilmedi.
  • $dirty    Alan değiştirildi.
  • $invalid  İçerik geçerli değil.
  • $valid    İçerik geçerli.
Form a ilişkin stateler:
  • $pristine  Hiçbir alan değiştirilmedi.
  • $dirty     Bir veya daha çok alan değiştirildi.
  • $invalid   Form içeriği geçersiz.
  • $valid     Form içeriği geçerli.
  • $submitted Form submit edildi.
Kontrollü olarka css değiştirip input alanın rengi veya görüntsü ile girişin değerine ilişkin bilgilendirici bir görsel uygulamak mümkün.



yukarıdaki şekilde, style eklemesi ile input alanına örnekteki şekilde renklendirme eklenebilir.
Kendi validation'ınızı eklemek için ise aşağıdaki şekilde bir yaklaşım izlemeniz yeterli olaraktır.



Yorumlar

Yorum Gönder

Yazılar

Kotlin - 1 - Giriş

Resim
Kotlin Nedir ? “JetBrain” (InteliJ, Android Studio ve benzeri Çok kullanılan IDE’lere imza atan ekip)  tarafından geliştirilen ve kabaca Java syntax’ının evrimleştirilmiş hali olarak niteleyebileceğimiz bir programlama Dilidir. Kotlin Kodları JVM bytecode ‘a dönüştürülebilir ve Java ile %100 iç içe çalışabilme uyumluluğu vardır. Ayrıca Google tarafından, Android Platformu için kabul edilen resmi diller arasına eklenmiştir.  Kotlin kodunu Javascript'e derleme yeteneği ile Kullanım alanı ve rekabet gücü açısından ilerdedir. Kotlin dilinin farkları: 1          1-) Temiz Kod yapısı: Kotlin , Java dilinin törpülenmiş ve evrimleştirilmiş hali gibi düşünürsek, aşağıdaki örnektede görülebileceği gibi Syntax olarak daha temiz ve Anlaşılır bir yapıya sahip.           Kotlin : fun main (args: Array<String> ) { println( "Hello, World!" ) } JAVA : public class HelloWorld { public static...
Devamı

Genesys Nuance-ASR Entegrasyonu Port Kullanımı

Resim
Bu gün oldukça nadir yaşanan bir konuya değineceğim, konu oldukça özel bir konu. Lakin yaşadığım sıkıntı kaynaklı buna değinmek istedim. Konuyu şu şekilde özetleyebilirim, lisans konusunda bir bilinmezlik var ve danışmanlık almakta çok mümkün olmuyor. Ancak söylenenin aksine birebir lisans gerekliliği söz konusu değil, bunun bir pazarlama taktiği olduğunu düşünüyorum. Ekran görüntüsünde yer aldığı gibi ASR işlemi gerçekleştirecek blok ta uygun bir exception ile DTMF akışa yönlendirilebilir. Bu noktada exception detaylandırılmadı, ancak aslen exception ayrıştırılarak ASR ve TTS gibi dış kaynakların resource aşımları kontrol edilebilir ve kullanıcıya yansıtılmadan atlatılabilir. Bu konuda başka bir soru olursa seve seve cevaplamaya çalışabilirim.
Devamı

Kotlin - 5 - Dönüşler ve Atlamalar (Returns and Jumps)

Resim
Kontlinde temel olarak 3 atlama Komutu var -           “return” –   yalın hali, en yakın kapalı fonksiyondan dönüşü adresler. -           “breake” – yalın hali, en yakın kapalı fonksiyonu sonlandırır. -           “continue” – yalın hali, en yakın kapalı fonksiyon(özellikle döngüler) için bir sonraki step’in çalışmasını sağlar. Tanımlarda Özellikle yalın halleri olarak belirttik zira label lar ile kullanımları mevcut böylece hangi kapalı fonksiyona etki edeceklerini adresleyebiliyorsunuz, Örneği incelemekte fayda olacaktır. Kotlinde etiket koymak mümkün, etiketle bir yeri formu işaretlemiş ve adresleyebilir oluyoruz. Etiket koymak için isim ve takiben "@" işareti koymamız yani "isim@" şeklinde kodlamamız gerekiyor. "breake" ve "continue": "breake" kullanımı ile ait olduğu döngüden bir sonraki step'e atlama sağlar. "continue" k...
Devamı