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性能的一些优化建议,jQuery是当下人气最高的JavaScript库,需要的朋友可以参考下
    2015-08-08
  • jquery 弹出层实现代码

    jquery 弹出层实现代码

    在项目中遇到一个问题,本来以为是使用dropdownlist的效果的,仔细一看,其实是在点击文本框以后,在其正下方弹出一个层,里边有多个选项进行选择。很像jQuery.datepicker 的效果。
    2009-10-10
  • jquery删除指定子元素代码实例

    jquery删除指定子元素代码实例

    这篇文章主要介绍了jquery删除指定子元素代码实例,本文使用较简单的方法实现了这个需求,代码一看就懂,需要的朋友可以参考下
    2015-01-01
  • 点击弹出层外区域关闭弹出层jquery特效示例

    点击弹出层外区域关闭弹出层jquery特效示例

    击弹出层 ,点击弹出层外区域关闭弹出层,点击关闭关闭弹出层jquery特效,具体代码如下,喜欢的朋友可以学习下
    2013-08-08
  • 解决JQuery全选/反选第二次失效的问题

    解决JQuery全选/反选第二次失效的问题

    下面小编就为大家带来一篇解决JQuery全选/反选第二次失效的问题。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • jQuery 取值、赋值的基本方法整理

    jQuery 取值、赋值的基本方法整理

    这篇文章主要介绍了jQuery 取值、赋值的基本方法,需要的朋友可以参考下
    2014-03-03
  • jQuery中element选择器用法实例

    jQuery中element选择器用法实例

    这篇文章主要介绍了jQuery中element选择器用法,实例分析了element选择器的功能、定义及相关的操作技巧,具有一定的参考借鉴价值,需要的朋友可以参考下
    2014-12-12
  • jquery ajax属性async(同步异步)示例

    jquery ajax属性async(同步异步)示例

    在jquery的ajax中如果我们希望实现同步或者异步我们可以直接设置async发生为真或假即可true false,下面举几个jquery ajax同步和异步实例
    2013-11-11
  • jQuery获取父元素及父节点的方法小结

    jQuery获取父元素及父节点的方法小结

    这篇文章主要介绍了jQuery获取父元素及父节点的方法,结合实例形式总结分析了jQuery针对父元素及父节点操作的常用技巧,需要的朋友可以参考下
    2016-04-04
  • jQuery实现当前页面标签高亮显示的方法

    jQuery实现当前页面标签高亮显示的方法

    这篇文章主要介绍了jQuery实现当前页面标签高亮显示的方法,涉及jQuery通过自定义函数操作css样式的技巧,非常具有实用价值,需要的朋友可以参考下
    2015-03-03

最新评论