• 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 意見
EditArea 線上原始碼編輯器 A-Fu Design
EditArea 線上原始碼編輯器
EditArea 是一個原始碼編輯器,可支援原始碼格式化,搜尋字詞高亮顯示,文字替換。目前 EditArea 所支援的程式語言包括:PHP、CSS、Javascript、Python、HTML、XML、VB、C、CPP、SQL、Pascal、Basic、Brainf*ck。能夠用來與同伴們共同開發檢討自己的原始碼問題,或者是以此方式來對學生教學等等。
Share
Tweet
Pin
Share
No 意見
jSlideto 高亮範圍畫面 A-Fu 網頁設計
jSlideto 高亮範圍畫面
如果在同一個網頁上面有太多太多的內容,可能上面會有標題再來用書籤方式做當前頁面的連結,jSlideto 這一個套件可以讓書籤的功能有趣一點,以滑動動畫的方式移到書籤的目標段落,然後再把該段落以開發者配置的顏色做成高亮提示,讓使用者可以清楚的知道該標題的文章範圍。
Share
Tweet
Pin
Share
No 意見
Text Highlight 實際觸發時畫面 A-Fu
Text Highlight 實際觸發時畫面
搜尋或者是某些時候網頁上需要一小段文字讓使用者看得更加的清楚,這一個小套件可以幫助開發者更快的完成這一個動作,並且也可以復原成尚未添加高亮的狀態,程式碼很精簡使用上也很方便,主要還是基於 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