jQuery简单实现MD5加密的方法


Posted in Javascript onMarch 03, 2017

本文实例讲述了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加密的方法

Javascript 相关文章推荐
JS保留两位小数 四舍五入函数的小例子
Nov 20 Javascript
js实现div弹出层的方法
Nov 20 Javascript
window.onload绑定多个事件的两种解决方案
May 15 Javascript
微信小程序购物商城系统开发系列-工具篇的介绍
Nov 21 Javascript
Jquery根据浏览器窗口改变调整大小的方法
Feb 07 Javascript
微信小程序模板之分页滑动栏
Feb 10 Javascript
vue项目中api接口管理总结
Apr 20 Javascript
使用微信小程序开发弹出框应用实例详解
Oct 18 Javascript
微信小程序遍历Echarts图表实现多个饼图
Apr 25 Javascript
基于纯JS实现多张图片的懒加载Lazy过程解析
Oct 14 Javascript
javascript设计模式 ? 解释器模式原理与用法实例分析
Apr 17 Javascript
Vue axios获取token临时令牌封装案例
Sep 11 Javascript
详解angular2封装material2对话框组件
Mar 03 #Javascript
jQuery插件jqGrid动态获取列和列字段的方法
Mar 03 #Javascript
AngularJS表格样式简单设置方法示例
Mar 03 #Javascript
AngularJS表格添加序号的方法
Mar 03 #Javascript
JS实现双击内容变为可编辑状态
Mar 03 #Javascript
jquery表单验证实例仿Toast提示效果
Mar 03 #Javascript
JavaScript的for循环中嵌套一个点击事件的问题解决
Mar 03 #Javascript
You might like
mysql alter table命令修改表结构实例详解
2016/09/24 PHP
PHP两个n位的二进制整数相加问题的解决
2018/08/26 PHP
document.onreadystatechange事件的用法分析
2009/10/17 Javascript
onsubmit阻止form表单提交与onclick的相关操作
2010/09/03 Javascript
js操作模态窗口及父子窗口间相互传值示例
2014/06/09 Javascript
JavaScript使用push方法添加一个元素到数组末尾用法实例
2015/04/06 Javascript
最全面的百度地图JavaScript离线版开发
2016/09/10 Javascript
微信小程序 特效菜单抽屉效果实例代码
2017/01/11 Javascript
vue router-link传参以及参数的使用实例
2017/11/10 Javascript
vue实现nav导航栏的方法
2017/12/13 Javascript
vue项目中公用footer组件底部位置的适配问题
2018/05/10 Javascript
解决vue 项目引入字体图标报错、不显示等问题
2018/09/01 Javascript
jquery.param()实现数组或对象的序列化方法
2018/10/08 jQuery
说说如何利用 Node.js 代理解决跨域问题
2019/04/22 Javascript
详解vue2.0模拟后台json数据
2019/05/16 Javascript
使用vue自定义指令开发表单验证插件validate.js
2019/05/23 Javascript
微信小程序错误this.setData报错及解决过程
2019/09/18 Javascript
[01:00:11]DOTA2-DPC中国联赛 正赛 CDEC vs DLG BO3 第一场 2月7日
2021/03/11 DOTA
python实现马耳可夫链算法实例分析
2015/05/20 Python
Python编程对列表中字典元素进行排序的方法详解
2017/05/26 Python
python SSH模块登录,远程机执行shell命令实例解析
2018/01/12 Python
python smtplib发送带附件邮件小程序
2018/05/22 Python
Python使用ctypes调用C/C++的方法
2019/01/29 Python
python基础梳理(一)(推荐)
2019/04/06 Python
python库matplotlib绘制坐标图
2019/10/18 Python
Pandas将列表(List)转换为数据框(Dataframe)
2020/04/24 Python
基于python连接oracle导并出数据文件
2020/04/28 Python
详解Html5中video标签那些属性和方法
2019/07/01 HTML / CSS
Columbia Sportswear法国官网:全球户外品牌
2020/09/25 全球购物
2013年保送生自荐信格式
2013/11/20 职场文书
护士试用期自我鉴定
2014/02/08 职场文书
学生检讨书怎么写
2014/10/09 职场文书
小学老师对学生的评语
2014/12/29 职场文书
公司搬迁通知
2015/04/20 职场文书
2015年幼儿园卫生保健工作总结
2015/05/12 职场文书
2015年机关党建工作总结
2015/05/22 职场文书