jQuery简单实现MD5加密的方法

更新时间：2017年03月03日 11:10:13 作者：翱翔天地

这篇文章主要介绍了jQuery简单实现MD5加密的方法,基于jquery.md5.js插件实现md5加密功能,非常简单实用,需要的朋友可以参考下

本文实例讲述了jQuery简单实现MD5加密的方法。分享给大家供大家参考，具体如下：

1、问题背景

有两个输入框，一个输入明文，另一个输入框显示密文

2、实现源码

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" />
  <title>jQuery实现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、实现结果

附：jquery.md5.js文件本站下载地址。

PS：关于加密解密感兴趣的朋友还可以参考本站在线工具：

MD5在线加密工具:
http://tools.jb51.net/password/CreateMD5Password

迅雷、快车、旋风URL加密/解密工具:
http://tools.jb51.net/password/urlrethunder

在线散列/哈希算法加密工具:
http://tools.jb51.net/password/hash_encrypt

在线MD5/hash/SHA-1/SHA-2/SHA-256/SHA-512/SHA-3/RIPEMD-160加密工具：
http://tools.jb51.net/password/hash_md5_sha

在线sha1/sha224/sha256/sha384/sha512加密工具：
http://tools.jb51.net/password/sha_encode

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》、《jQuery切换特效与技巧总结》、《jQuery遍历算法与技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

您可能感兴趣的文章:

jQuery基本过滤选择器用法示例
这篇文章主要介绍了jQuery基本过滤选择器用法,结合实例形式分析了jQuery中:first、:last、:not、:even、:odd、:eq、:gt等基本过滤选择器的使用方法,需要的朋友可以参考下
2016-09-09
使用jQuery如何写一个含验证码的登录界面
这篇文章主要介绍了如何写一个含验证码的登录界面，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-05-05
jquery简单图片切换显示效果实现方法
这篇文章主要介绍了jquery简单图片切换显示效果实现方法,可以实现简单的图片切换功能,具有一定参考借鉴价值,需要的朋友可以参考下
2015-01-01
使用prop解决一个checkbox选中后再次选中失效的问题
下面小编就为大家带来一篇使用prop解决一个checkbox选中后再次选中失效的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-07-07
JQuery事件委托(适用于给动态生成的脚本元素添加事件)
jq写了点击事件，是通过获取元素的类名被点击后执行对应方法，但是研发套完模板，他会把所有的结构先清空，导致jq根本找不到那个元素，所以事件就不得执行了,需要的朋友可以参考下
2020-02-02
基于jquery的回到页面顶部按钮
昨天看到一个园友的blog中有个页面下滚后出现用于"回到页面顶部"按钮的效果, 感觉挺不错的, 所以自己也写了一个, 用jQuery写是再简单不过了. 下面就直接给出代码了
2011-06-06
jQuery实现弹出窗口中切换登录与注册表单
本文给大家推荐的是一款jQuery实现弹出窗口中切换登录与注册表单的特效。适用浏览器：IE8+、FireFox、Chrome、Safari、Opera。十分的方便实用，有需要的小伙伴可以参考下。
2015-06-06
jQuery实现放大镜案例
这篇文章主要为大家详细介绍了jQuery实现放大镜案例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-10-10
jQuery子窗体取得父窗体元素的方法
这篇文章主要介绍了jQuery子窗体取得父窗体元素的方法,涉及jQuery窗体元素操作的相关技巧,非常具有实用价值,需要的朋友可以参考下
2015-05-05
jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用示例
这篇文章主要介绍了jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用,结合实例形式较为详细的分析了jQuery事件绑定、解绑、事件冒泡、阻止冒泡等相关原理与应用技巧,需要的朋友可以参考下
2019-05-05