原文地址:http://blog.csdn.net/you23hai45/article/details/52629234
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、实现结果