Validator.js ile Form Doğrulama: Giriş ve Kullanım Rehberi

Web uygulamaları geliştirirken kullanıcı girdilerini doğrulamak, güvenlik ve veri bütünlüğü açısından son derece önemlidir. Doğrulama yöntemleri olarak pek çok seçenek karşımıza çıkabilir ancak biz bu yazıda validator.js ile ilgileneceğiz. Validator.js doğrulama işlemlerini kolay ve etkili bir şekilde gerçekleştirmek için kullanabileceğiniz güçlü bir araç, olarak karşımıza çıkıyor. Bu blog yazısında, validator.js kütüphanesinin temellerinden bahsedecek ve çeşitli kullanım örnekleri sunacağız.

Validator.js Nedir?

Validator.js, JavaScript ve Node.js için hafif ve esnek bir doğrulama kütüphanesidir. Birçok yaygın doğrulama işlevi içerir ve kullanıcı girdilerini kolayca kontrol etmenizi sağlar. validator.js ile aşağıdaki doğrulama türlerinden bazılarını gerçekleştirebilirsiniz:

• E-posta doğrulama

• URL doğrulama

• Boşluk kontrolü

• Sayı ve alfabetik karakter kontrolü

• Belirli bir uzunlukta olup olmadığını kontrol etme

Neden Validator.js Kullanmalısınız?

1. Kolay Kullanım: validator.js kullanımı son derece basittir ve hızlı bir şekilde entegre edilebilir.

2. Kapsamlı Doğrulama İşlevleri: Birçok yaygın doğrulama işlemi için önceden tanımlanmış işlevler sunar.

3. Güvenlik: Kullanıcı girdilerini doğrulayarak uygulamanızın güvenliğini artırmanıza yardımcı olur.

Validator.js Nasıl Kurulur?

validator.js kütüphanesini projenize dahil etmek oldukça basittir. Hem Node.js hem de tarayıcı ortamında kullanabilirsiniz.

Node.js ortamında kullanmak için:

npm install validator

Bir başka yöntem ise tarayıcı ortamında kullanmak için, kütüphaneyi bir CDN'den çekebilirsiniz:

<script src="https://cdn.jsdelivr.net/npm/validator@latest/validator.min.js"></script>

Validator.js ile ilgili bir kaç doğrulama işlemi örneğine bakalım. Yukarıda belirttiğimiz gibi E-posta doğrulama, URL doğrulama, Boşluk kontrolü vs doğrulamalar yapabiliriz. bunlardan ilki E-posta doğrulama ile başlıyalım;

const validator = require('validator');

// E-posta adresi doğrulama
const email = "example@example.com";
if (validator.isEmail(email)) {
    console.log("Geçerli bir e-posta adresi.");
} else {
    console.log("Geçersiz bir e-posta adresi.");
}

validator.isEmail(email) değeri ile göndermiş olduğumuz değerin bir email olup olmadığını kolayca anlayabiliriz. Bir diğer örneğimiz URL doğrulama;

const url = "https://www.example.com";
if (validator.isURL(url)) {
    console.log("Geçerli bir URL.");
} else {
    console.log("Geçersiz bir URL.");
}

E-mail doğrulama işlemindeki gibi isEmail() yerine bu sefer isUrl() fonksiyonunu kullanıyoruz. diğer doğrulamalar içinde benzer özellikte fonksiyonları kullanarak basitçe doğrulama işleminizi gerçekleştirebilirsiniz.

Burda ise farklı olarak 2 farklı kontrole tabi tuttuk min ve max olarak. Şifre doğrulama işlemlerinizde ise böyle özellikleri kullanabilirsiniz.

const password = "mypassword";
if (validator.isLength(password, { min: 8, max: 20 })) {
    console.log("Şifre geçerli uzunlukta.");
} else {
    console.log("Şifre geçerli uzunlukta değil.");
}

Validator.js ile Özelleştirilmiş Doğrulamalar

Kendi doğrulama işlevlerinizi oluşturmak için validator.js'i özelleştirebilirsiniz. Örneğin, belirli bir kalıba uygun olup olmadığını kontrol etmek için regex kullanabilirsiniz:

const phoneNumber = "123-456-7890";
const phonePattern = /^\d{3}-\d{3}-\d{4}$/;

if (validator.matches(phoneNumber, phonePattern)) {
    console.log("Telefon numarası geçerli.");
} else {
    console.log("Telefon numarası geçersiz.");
}

Hemen açıklayalım phonePattern = /^\d{3}-\d{3}-\d{4}$/; Burda bahsettiğimiz regex kalıbı phoneNumber değerinin xxx-xxx-xxxx şeklinde olması gerektiğini gösteriyor.  phonePattern = /^\d{2}-\d{3}-\d{3}-\d{3}$/;

böyle kullansaydık xx-xxx-xxx-xxx şeklinde olacaktı. Burda gösterdiğimiz örnekler bu kütüphane için çok basit örneklerdir daha fazla detayına inmek için github üzerinden veya npmjs.com üzerinden ilgili konuya göz atmanızı öneririm.

Özetle

Validator.js, kullanıcı girdilerini doğrulamak için güçlü ve esnek bir kütüphanedir. Kullanımı kolaydır ve birçok yaygın doğrulama işlemi için hazır işlevler sunar. Bu kütüphaneyi kullanarak web uygulamanızın güvenliğini ve veri bütünlüğünü artırabilirsiniz. Kendi projelerinizde validator.js'i denemenizi tavsiye ederim. Doğru ve güvenilir bir şekilde kullanıcı verilerini doğrulamak, web uygulamalarının temel gereksinimlerinden biridir ve validator.js bu konuda mükemmel bir yardımcıdır.