jQuery簡(jiǎn)單實(shí)現(xiàn)MD5加密的方法
本文實(shí)例講述了jQuery簡(jiǎn)單實(shí)現(xiàn)MD5加密的方法。分享給大家供大家參考，具體如下：
1、問(wèn)題背景
有兩個(gè)輸入框，一個(gè)輸入明文，另一個(gè)輸入框顯示密文
2、實(shí)現(xiàn)源碼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>jQuery實(shí)現(xiàn)MD5加密</title>
<script type="text/javascript" src="js/jquery-1.12.4.js" ></script>
<script type="text/javascript" src="js/jquery.md5.js" ></script>
<script>
$(function(){
$("#before").blur(function(){
var before = $(this).val();
var beforeVal = $.md5(before);
$("#after").val(beforeVal);
});
});
</script>
</head>
<body>
<div>
<input type="text" id="before" style="width: 300px;"/><br><br>
<input type="text" id="after" style="width: 300px;"/>
</div>
</body>
</html>
3、實(shí)現(xiàn)結(jié)果
附：jquery.md5.js文件本站下載地址。
PS：關(guān)于加密解密感興趣的朋友還可以參考本站在線(xiàn)工具：
MD5在線(xiàn)加密工具:
http://tools.jb51.net/password/CreateMD5Password
迅雷、快車(chē)、旋風(fēng)URL加密/解密工具:
http://tools.jb51.net/password/urlrethunder
在線(xiàn)散列/哈希算法加密工具:
http://tools.jb51.net/password/hash_encrypt
在線(xiàn)MD5/hash/SHA-1/SHA-2/SHA-256/SHA-512/SHA-3/RIPEMD-160加密工具：
http://tools.jb51.net/password/hash_md5_sha
在線(xiàn)sha1/sha224/sha256/sha384/sha512加密工具：
http://tools.jb51.net/password/sha_encode
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題：《jQuery常用插件及用法總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery切換特效與技巧總結(jié)》、《jQuery遍歷算法與技巧總結(jié)》、《jQuery常見(jiàn)經(jīng)典特效匯總》、《jQuery動(dòng)畫(huà)與特效用法總結(jié)》及《jquery選擇器用法總結(jié)》
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
這篇文章主要介紹了對(duì)于jQuery性能的一些優(yōu)化建議,jQuery是當(dāng)下人氣最高的JavaScript庫(kù),需要的朋友可以參考下2015-08-08
在項(xiàng)目中遇到一個(gè)問(wèn)題，本來(lái)以為是使用dropdownlist的效果的，仔細(xì)一看，其實(shí)是在點(diǎn)擊文本框以后，在其正下方彈出一個(gè)層，里邊有多個(gè)選項(xiàng)進(jìn)行選擇。很像jQuery.datepicker 的效果。2009-10-10
這篇文章主要介紹了jquery刪除指定子元素代碼實(shí)例,本文使用較簡(jiǎn)單的方法實(shí)現(xiàn)了這個(gè)需求,代碼一看就懂,需要的朋友可以參考下2015-01-01
點(diǎn)擊彈出層外區(qū)域關(guān)閉彈出層jquery特效示例
擊彈出層 ，點(diǎn)擊彈出層外區(qū)域關(guān)閉彈出層，點(diǎn)擊關(guān)閉關(guān)閉彈出層jquery特效，具體代碼如下，喜歡的朋友可以學(xué)習(xí)下2013-08-08
下面小編就為大家?guī)?lái)一篇解決JQuery全選/反選第二次失效的問(wèn)題。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-10-10
這篇文章主要介紹了jQuery 取值、賦值的基本方法,需要的朋友可以參考下2014-03-03
這篇文章主要介紹了jQuery中element選擇器用法,實(shí)例分析了element選擇器的功能、定義及相關(guān)的操作技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
在jquery的ajax中如果我們希望實(shí)現(xiàn)同步或者異步我們可以直接設(shè)置async發(fā)生為真或假即可true false，下面舉幾個(gè)jquery ajax同步和異步實(shí)例2013-11-11
jQuery獲取父元素及父節(jié)點(diǎn)的方法小結(jié)
這篇文章主要介紹了jQuery獲取父元素及父節(jié)點(diǎn)的方法,結(jié)合實(shí)例形式總結(jié)分析了jQuery針對(duì)父元素及父節(jié)點(diǎn)操作的常用技巧,需要的朋友可以參考下2016-04-04
jQuery實(shí)現(xiàn)當(dāng)前頁(yè)面標(biāo)簽高亮顯示的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)當(dāng)前頁(yè)面標(biāo)簽高亮顯示的方法,涉及jQuery通過(guò)自定義函數(shù)操作css樣式的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03