是否常有使用者反應在註冊時,E-Mail 一不小心就打錯而老是收不到驗證信之類的問題呢?Mailcheck 是一個可以特別針對指定的網域來做檢查並建議的外掛套件,可以讓這類的問題減少發生的機會吧!
套件名稱:Mailcheck
套件網址:1.0.3
作者網站:https://github.com/Kicksend/mailcheck
套件網址:N/A
發佈日期:2012-04-12
檔案大小:5.76 KB
檔案下載:jquery.mailcheck.js
參數選項說明:
檢視原始碼 JavaScript
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | domains(選填) 描述: 特別要比對的網域 預設值: ["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", "mail.com"] topLevelDomains(選填) 描述: 允許的頂級網域 預設值: ["co.uk", "com", "net", "org", "info", "edu", "gov", "mil"] distanceFunction(選填) 描述: 自訂用來計算最接近頂級網域內容的函式 預設值: 無 suggested(選填) 描述: 當比對後有建議結果時要執行的函式; function(element, suggestion){ } 預設值: 無 empty(選填) 描述: 當比對後沒有建議結果時要執行的函式; function(element){ } 預設值: 無 |
方法說明:
檢視原始碼 JavaScript
1 2 | // 檢查並建議指定元素輸入的 E-Mail $(selector).mailcheck(opts, optsAlt); |
使用範例:
檢視原始碼 JavaScript
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 | <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.mailcheck.js"></script> <style type="text/css"> #email_suggestion { display: none; } .email { color: blue; font-style: italic; text-decoration: underline; } .domain { font-weight: 900; } </style> <script type="text/javascript"> $(function(){ var $emailSuggestion = $('#email_suggestion'); // 特別判斷用的網域 var domains = [ 'yahoo.com.tw', 'facebook.com','google.com', 'hotmail.com', 'gmail.com', 'me.com', 'aol.com', 'mac.com', 'live.com', 'msn.com', 'qq.com', '163.com' ]; // 當輸入框失去焦點時 $('#user_email').blur(function(){ // 依 domains 來位 E-Mail 進行檢查並建議 $(this).mailcheck({ domains: domains, suggested: function(element, suggestion) { $emailSuggestion.find('.address').html(suggestion.address); $emailSuggestion.find('.domain').html(suggestion.domain); $emailSuggestion.slideDown(); }, empty: function(element) { return $emailSuggestion.slideUp() } }) }); }); </script> <body> <div> <label for="user_email">E-Mail:<input type="text" id="user_email" name="user_email" size="50" value="" /></label> </div> <div id="email_suggestion"> 您指的是 <a class="email"><span class="address">demo</span>@<span class="domain">demo.com</span></a> 嗎? </div> </body> |