Home » jQuery 外掛

[jQ]Mailcheck 1.0.3

範例 1
沒錯!只要 600 元就能獲得我們團隊完整的協助,讓效果能迅速的整合到您的網站,並保證瀏覽器的相容性。
立刻申請!



是否常有使用者反應在註冊時,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>
範例 1

檔案描述
基本的範例檔案(免空) 開始下載
基本的範例檔案 會員限定

發表迴響