jQuery实现MD5加密

最新推荐文章于 2024-06-26 13:23:28 发布

Yuyuquan

最新推荐文章于 2024-06-26 13:23:28 发布

阅读量2.7k

点赞数 1

分类专栏： html

本文链接：https://blog.csdn.net/qq_27918787/article/details/52744585

版权

html 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

1、问题背景

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


2、实现源码

[html] view plain copy
⃕
print?

    <!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、实现结果