• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > jQuery简单实现MD5加密的方法

jQuery简单实现MD5加密的方法

作者:翱翔天地 字体:[增加 减小] 来源:互联网 时间:2017-05-11

翱翔天地通过本文主要向大家介绍了jQuery简单实现MD5加密的方法等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

本文实例讲述了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>

</div>

3、实现结果

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

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

MD5在线加密工具:
http://tools.weikejianghu.com/password/CreateMD5Password

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

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

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

在线sha1/sha224/sha256/sha384/sha512加密工具:
http://tools.weikejianghu.com/password/sha_encode

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

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

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2017-05-11Javascript中数组去重与拍平的方法示例
  • 2017-05-11超全面的javascript中变量命名规则
  • 2017-05-11JS实现css hover操作的方法示例
  • 2017-05-11使用get方式提交表单在地址栏里面不显示提交信息
  • 2017-05-11详解使用grunt完成requirejs的合并压缩和js文件的版本控制
  • 2017-05-11jQuery插件echarts去掉垂直网格线用法示例
  • 2017-05-11详解微信小程序 wx.uploadFile 的编码坑
  • 2017-05-11jquery ui sortable拖拽后保存位置
  • 2017-05-11jQuery选择器实例应用
  • 2017-05-11详解打造 Vue.js 可复用组件

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 判断颜色是否合法的正则表达式(详解)
    • 根据指定 日期格式 生成 指定格式的指定日期
    • jquery插件ContextMenu设置右键菜单
    • vue-cli如何快速构建vue项目
    • javascript添加前置0(补零)的几种方法
    • js中开关变量使用实例
    • 关于jQuery中fade(),show()起始位置的一点小发现
    • 详解在Vue中通过自定义指令获取dom元素
    • js实现自定义进度条效果
    • js实现下拉菜单效果

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有