Bu yazımda angularjs ile inputların nasıl validate edilebileceğini göstereceğim. Diğer çoğu işlem gibi angularjste inputları validate etmek çok basit.
Maxlength validasyonu
– Maxlength validasyonu ile biri inputu izleyen ng-modelin alabileceği maximum karakter sayısı belirlenir. Burada önemli nokta, eğer ng-model bu karakter sayısını geçerse otomatik olarak null atanır. Bu validasyonu kullanabilmek için aşağıdaki gibi, inputa ng-maxlength direktifini koymak ve içerisine de maximum karakter limitini koymak yeterlidir.
<input type="text" ng-model="TC" ng-maxlength="11" /><br/> TC kimlik no : {{TC}}
Minlength validasyonu
– Minlength validasyonu ile aynı maxlength validasyonunda olduğu gibi, inputun ng-modelinin alabileceği en kısa karakter değeri belirlenir ve bunun altında değerler girildiği sürece, ng-modele null atar.
<input type="text" ng-model="TC" ng-minlength="11" /><br/> TC kimlik no : {{TC}}
Ng-change
– ng-change direktifi, inputun ng-modelinde herhangi bir değişiklik olduğu an tetiklenecek olan direktiftir. Bu direktifin içerisine tek bir olay verilebileceği gibi birden fazla olayı içeren fonksiyon da verilebilir.
$scope.durum = "degismedi"; İSİM: <input type="text" ng-model="isim" ng-change="durum='degisti'"/><br/>