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ı “[email protected]” şeklinde yazdığı zaman e-posta adresini Mailcheck otomatik olarak “[email protected]” 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:
|
1 2 |
<script src="jquery.min.js"></script> <script src="mailcheck.min.js"></script> |
Text bir input oluşturalım:
|
1 |
<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):
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<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:
|
1 2 3 4 5 6 |
{ address: 'info', // @ işaretinden önceki kısım domain: 'trkodlama.com', // tavsiye edilen domain topLevelDomain: 'com', // tavsiye edilen domainin uzantısı } |
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]
Yorumlar