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ı
[wpdm_file id=9]