MVC Client Validation

MVC Validation başlıklı yazımda Server tabanlı Validation işlemlerinden bahsetmiştik.Şimdi bu işlemlerin Client tabanlı nasıl yapıldıklarını inceleyelim.

Server tabanlı Validation işlemlerini aşağıdaki komutla kontrol ediyorduk.

            if (!ModelState.IsValid)
            {
                  ...
            }

Eğer Validation şartlarına uymayan bir veri girişi yapılmışsa, kullanıcıya hata bildirimiyle geri gönderim yapılıyordu.

Bu işlemi, Client tarafında javascript kodlarını kullanarak yapabiliriz.
Öncelikle Validation işlemlerini Client tabanlı olmasını istediğimiz sayfanın .html sayfasına aşağıdaki kodu eklemeliyiz.

        <% Html.EnableClientValidation(); %>

Daha sonra, Solution Explorer penceresine göz atıp, projemiz içindeki “Script” isimli klasörün içindeki “MicrosoftAjax.js” ve “MicrosoftMvcValidation.js” ismindeki iki tane javascript dosyasını kaynak kodlarımız içine sürükleyelim.

Eğer bu şekilde kontrolünüzü uygularsanız, göreceksiniz ki Post işlemi olmadan Client tabanlı bildirimi yapılmaktadır.Bu yöntemle, Server’ı yormadan, daha performanslı Validation işlemi yapabiliriz.MVC’de Client tabanlı Validation işlemleri bu şekilde yapılmaktadır.

Bir sonraki yazımda görüşmek üzere,
İyi çalışmalar..