Home » jQuery 外掛

[jQ]Real Person Form Submission for jQuery 1.0.1

[ 日期： | 瀏覽：7,619 | 迴響：搶沙發 ]
範例 1
請協助我把這個效果加到我的網站 (只要 1,200 元)
沒錯!只要 1,200 元就能獲得我們團隊完整的協助，讓效果能迅速的整合到您的網站，並保證瀏覽器的相容性。
立刻申請!



Real Person 是一個能為你的表單傳送多一道把關的驗證動作。不過它的驗證內容是由一堆星號(*)組合而成字母的，雖然比較好看的懂，不過在套用上就沒那麼美觀實用。

套件名稱：Real Person Form Submission for jQuery
套件版本：1.0.1
作者網站：http://keith-wood.name/realPerson.html
套件網址：http://plugins.jquery.com/project/realperson
發佈日期：2009-10-31
檔案大小：8.03 KB
檔案下載：jquery.realperson.js

參數說明：

檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

length(選填)
描述： 要顯示的字元長度
預設值： 6
 
includeNumbers(選填)
描述： 驗證碼中是否包含 0-9 的數字
預設值： false
 
regenerate(選填)
描述： 用來提示使用者可以點擊來重新產生驗證碼的訊息
預設值： 'Click to change'
 
hashName(選填)
描述： 用來設定隱藏欄位的名稱
預設值： '{n}Hash'

方法說明：

檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9
10
11

// 把指定輸入框轉換成驗證碼輸入框
$(selector).realperson(options);
 
// 更新全域的設定
$.realperson.setDefaults(settings);
 
// 更新指定輸入框的設定
$(selector).realperson('change', settings);
 
// 取消指定輸入框的驗證碼功能
$(selector).realperson('destroy');

使用範例：

檢視原始碼 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

<script type="text/javascript" src="jquery.js"></script>
<link type="text/css" rel="stylesheet" href="jquery.realperson.css">
<script type="text/javascript" src="jquery.realperson.js"></script>
<style type="text/css">
.realperson-challenge {
	width:300px;
}
</style>
<script type="text/javascript">
	$(function(){
		// 把 #defaultReal 轉換成驗證碼輸入框
		// 設定驗證碼長度 10 碼
		$('#defaultReal').realperson({
			length: 10,
			regenerate: '重新產生'
		});
	});
</script>
 
<body>
<form action="jquery.realperson.php" method="post"> 
	<p>
		<label>請輸入下面顯示的字元:</label>
		<input type="text" id="defaultReal" name="defaultReal">
	</p> 
	<p class="submit">
		<input type="submit" value="送出驗證">
	</p> 
</form>
</body>
範例 1

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

發表迴響