Daha önceki derslerimizde user model yapısına ait elemanlar için server tarafında veri doğrulama ve kısıtlamalarını anlatmıştık. Bu dersimizde ise input elemanlarına ait veri kontrollerini client tarafında gerçekleştireceğiz.

Client tarafında veri doğrulama işlemlerini javascript ya da jquery ile yapabiliriz. Öncelikle projeye wwwroot klasörünü ekleyelim. Daha sonra bu klasörün altına jquery, jquery-validate, jquery-validation-unobtrusive kütüphanelerini Client-Side Library elemanını kullanarak ekleyelim. Ben Visual Studio 2022 kullanıyorum. Bu editörde jquery kurulurken diğerleri de kuruldu. Daha sonra index dosyasına bunları ekleyelim.

<script src="~/lib/jquery/jquery.min.js"></script>
<script src="~/lib/jquery-validate/jquery.validate.min.js"></script>
<script src="~/lib/jquery-validation-unobtrusive/
jquery.validate.unobtrusive.min.js"></script>

Projeyi kaydedip çalıştıralım. Herhangi bir veri girmeden Gönder tuşuna basalım. Bilgiler sunucuya gitmeden kontrolü yapılacak ve gerekli hatalar ekranda görüntülenecektir.