• A-Fu Design
  • 前端設計
    • jQuery 套件
    • HTML 5
  • 關於A-Fu
  • 隱私權政策
  • 聯絡A-Fu
Google+ facebook twitter

A-Fu Design

A-Fu Design



 Strength.js 套件能用在註冊時就先檢查密碼的強度,現在很多網站都有會員機制,很多人怕密碼會忘記或是偷懶都會用一些很簡短簡單的密碼,這樣就讓其它惡意的使用者就有機可趁,這也讓網站的管理者很頭大。

此套件主要的標準分數為:
密碼必須包含8個字符以上
密碼必須包含1個小寫字母
密碼必須包含1個大寫字母
密碼必須包含1個數字
當然有特殊的字元也是加分的關鍵

使用方法:
第一步 載入 JavaScripts 和 CSS 的樣式檔案
<!-- 樣式檔案 -->
<link href='strength.css' rel='stylesheet' type='text/css'>
<!-- 使用 Google 的 API 取得 jQuery-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<!-- Strength.js 的主程式檔案-->
<script type="text/javascript" src="strength.js"></script>

第二步 在您要使用密碼檢查的欄位加上 ID
<input id="myPassword" type="password" name="" value="">

第三步 使用 jQuery 的載入完成後執行 Strength.js
$('#myPassword').strength({
     strengthClass: 'strength',
     // 輸入框的樣式名稱
     strengthMeterClass: 'strength_meter',
     // 輸入的文字樣式名稱
     strengthButtonClass: 'button_strength',
     // 切換按鈕的樣式名稱
     strengthButtonText: 'Show password',
     // 是否顯示密碼文字
     strengthButtonTextToggle: 'Hide Password'
     // 是否要有切換顯示隱藏
});


作者網站:http://git.aaronlumsden.com/strength.js/
檔案大小:13 KB (包含範例)
檔案下載:https://github.com/aarondo/Strength.js/archive/master.zip
備份下載:下載
Share
Tweet
Pin
Share
No 意見
QuickWire 表單顯示隱藏開發 jQuery 套件 A-Fu Design
QuickWire 表單顯示隱藏開發 jQuery 套件
QuickWire 是一個能夠讓開發者簡單容易的顯示或隱藏表單元素的內容,使用簡單的程式配置方式節省開發者的時間。不用再重複的撰寫繁雜的程式碼片段,當您有很多相互作用的網頁需要建立時,你可以讓他們可以單一的產生作用,輕鬆且容易地採用同樣的動作讓表單元素能夠顯示或者是隱藏,讓您的用戶有全部一致的使用介面。
Share
Tweet
Pin
Share
No 意見
Ideal Forms 表單美化套件 A-Fu Design
Ideal Forms 表單美化套件
Ideal Forms 是一個基於 jQuery 框架開發的表單美化套件,輕量級的框架用於建立滿觀和友善的表單介面。他能夠將標準的 input 元素轉化成為一個傭有圓角效果,並且選中元素還有加入了高亮效果的套件,內容的 radio 和 checkbox 完全可以使用自定義的方式。套件中沒有使用到任何的圖片,只用到了非常少的 HTML 語法並且使用 CSS 進行美化。
Share
Tweet
Pin
Share
No 意見
dPassword  密碼逐步隱藏 jQuery 框架套件 A-Fu Design
dPassword  密碼逐步隱藏 jQuery 框架套件
有時候在網頁輸入密碼時,會忽然不知道自己剛剛打到的是什麼字,接下來該打什麼字才是正確的密碼,這個時候大部分的人都只能夠把它全部都刪除之後再重新的輸入一次,這樣才能確保輸入的是正確的密碼文字。dPassword 這是一個基於 jQuery 框架咖開發的套件,在輸入密碼時會跟手機打密碼一樣,顯示最後一個輸入的文字其他隱藏住,如果忽然有人跟你說話你也還可以確認你剛剛輸入了什麼樣的文字了。
Share
Tweet
Pin
Share
No 意見
jQuery blockUI 等待中套件基本樣式 A-Fu Design
jQuery blockUI 等待中套件基本樣式
jQuery blockUI 這一個 jQuery 套件能在網頁上增加一個遮罩的圖層,阻擋使用者在操作別的步驟。當設計很多需要用到 JavaScript 或者是 AJAX 的動作時,通常需要一些執行的時間,但是如果使用者在這一個時間又操作了不同的動作,有可能會造成程式執行不正常或中斷,所以有了這樣一個兼具提示訊息又能夠防止使用者操作的 jQuery 套件。
Share
Tweet
Pin
Share
No 意見
jQuery TWzipcode 縣市區域選單 A-Fu Design
jQuery TWzipcode 縣市區域選單
在製作網頁時偶爾會需要使用者的資料,為了讓使用者更有意願的填入資料所以開發者需要簡化輸入的步驟,讓使用者輸入的時候不會感覺到要輸入很多東西覺得很麻煩就離開了。jQuery TWzipcode 這一個 jQuery 套件還提供了多個預設選項可提供開發者使用,而且對某一些的瀏覽器使用者還可以偵測使用者的位置來直接幫使用者填入選項。
Share
Tweet
Pin
Share
No 意見
Older Posts

About me

還在努力掙扎中的工程師

Follow Us

  • Google+
  • facebook
  • twitter

Categories

Accordion Animation AutoComplete CSS Calendar Canvas Carousel Charts Color DatePicker Effects Facebook API Forms Gallery HTML5 Menu Mootools Prototype React images jQuery javascripts lightbox 前端技術 統計圖表 網頁設計

Recent Posts

  • Security Eye 4.4.1 免費網路攝影機監視系統,多路監視器解決方案
  • PotPlayer 1.7.16291 繁體中文免安裝,新增串流媒體播放的 MP4 格式
  • jQuery Gantt Chart 在網頁上繪製甘特圖的 jQuery 套件
  • 微軟推出 Font Maker 製作自己專屬 「手寫字型」
  • Kalendae 一個不依賴任何框架的日期選擇器

Sponsor


勸敗攻略

Facebook

Blog Archive

  • 5月 2026 (8)
  • 4月 2026 (58)
  • 3月 2026 (62)
  • 2月 2026 (55)
  • 1月 2026 (62)
  • 12月 2025 (62)
  • 11月 2025 (58)
  • 10月 2025 (62)
  • 9月 2025 (60)
  • 8月 2025 (62)
  • 7月 2025 (62)
  • 6月 2025 (58)
  • 4月 2025 (48)
  • 3月 2025 (60)
  • 2月 2025 (51)
  • 1月 2025 (56)
  • 12月 2024 (61)
  • 11月 2024 (60)
  • 10月 2024 (54)
  • 9月 2024 (55)
  • 8月 2024 (42)
  • 7月 2024 (40)
  • 6月 2024 (19)
  • 9月 2023 (3)
  • 4月 2023 (2)
  • 2月 2023 (1)
  • 12月 2021 (1)
  • 1月 2019 (11)
  • 12月 2018 (31)
  • 11月 2018 (31)
  • 10月 2018 (31)
  • 9月 2018 (30)
  • 8月 2018 (31)
  • 7月 2018 (3)
  • 2月 2018 (1)
  • 4月 2015 (1)
  • 9月 2014 (1)
  • 2月 2014 (1)
  • 7月 2013 (1)
  • 2月 2013 (2)
  • 1月 2013 (1)
  • 12月 2012 (12)
  • 11月 2012 (81)
  • 10月 2012 (64)

Created with by ThemeXpose | Distributed by Blogger Templates