jQuery

mailcheck.js Sayesinde E-Posta Alanlarınızdaki Hatalı Girişlerin Önüne Geçin

Merhaba arkadaşlar,

Bugün sizlere mailcheck.js isminde bir javascript kütüphanesini ve jQuery eklentisini tanıtıyorum. Bu eklenti kullanıcılarınıza e-posta adreslerini girdiklerinde bir hata varsa hemen bir öneri sunar. Google kadar profesyonel öneriler olmasa da genel olarak iş görebilecek önerilerdir. Örneğin kullanıcı “user@hotnail.con” şeklinde yazdığı zaman e-posta adresini Mailcheck otomatik olarak “user@hotmail.com” u önerir. Mailcheck en bilindik domainler için domain önermesi yapar ve uzantılarda da önerme yapılacak bir durum varsa yine önerir. Örneğin “com” yerine “cmo” yazıldığında.

Bu sayede hatalı email adresi yazma ihtimalini %50 oranında düşürmeye fayda sağlar.

Kontrol edilen başlıca domainler ise şöyledir: “yahoo.com, google.com, hotmail.com, gmail.com, me.com, aol.com, mac.com, live.com, comcast.net, googlemail.com, msn.com, hotmail.co.uk, yahoo.co.uk, facebook.com, verizon.net, sbcglobal.net, att.net, gmx.com ve mail.com”. Kontrol edilen uzantılar da şunlardır: “com, net, org, info, edu, gov, co.uk ve mil”.

Kurulumu

Öncelikle jQuery ve Mailcheck dosyalarını ekleyin:

<script src="jquery.min.js"></script>
<script src="mailcheck.min.js"></script>

Text bir input oluşturalım:

<input id="email" name="email" type="text" />

Şimdi Mailcheck’i email id’li inputa iliştirelim. Bu işlemi yaparken isteğe bağlı olarak domainleri ve uzantıları sınırlayabilirsiniz(ekstra tanımlayarak):

<script>
var domainler = ['trkodlama.com', 'hotmail.com', 'gmail.com', 'aol.com'];
var uzantilar = ["com", "net", "org"];

$('#email').on('blur', function() {
  $(this).mailcheck({
    domains: domainler,                     // isteğe bağlı
    topLevelDomains: uzantilar,       // isteğe bağlı
    suggested: function(element, suggestion) {
      // tavsiye varsa yapılacak işlemler
    },
    empty: function(element) {
      // tavsiye yoksa yapılacak işlemler
    }
  });
});
</script>

Suggested ve empty şeklinde iki ayrı callback fonksiyon kullanabileceğiniz alan vardı Mailcheck’de. Suggested alanında  sadece eğer bir tavsiye varsa callback fonksiyonunuz çalışır. Ve tavsiyeler size aşağıdaki formatta bir nesne ile gönderilir:

{
  address: 'info',            // @ işaretinden önceki kısım
  domain: 'trkodlama.com',    // tavsiye edilen domain
  topLevelDomain: 'com',      // tavsiye edilen domainin uzantısı
  full: 'info@trkodlama.com'  // tavsiye edilen mailin tamamı
}

empty ise değer sunulacak bir öneri yoksa çalıştırılır.

Bu fonksiyonu jQuery çalıştırmadan da kullanabilirsiniz fakat onu burada anlatmıyorum. Siz fonksiyonun github sayfasını inceleyerek kullanımını öğrenebilirsiniz.

Gereksinimler: jQuery Framework
Demo: https://github.com/Kicksend/mailcheck
Lisans: MIT Lisanslı

Post Author: Oral ÜNAL

Web geliştirmeyi başta meslek olarak hayal eden fakat daha sonra bir hobi haline getiren birisiyim işte.

Yorum yazma sırası sizde!