11. Input validasyonları

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/>