집 > 기사 > 웹 프론트엔드 > jQuery를 사용하여 MD5 암호화를 구현하는 간단한 방법

jQuery를 사용하여 MD5 암호화를 구현하는 간단한 방법

小云云원래의: 2018-01-23 16:10:192716검색

이 글은 MD5 암호화 기능을 구현하기 위해 jquery.md5.js 플러그인을 기반으로 한 jQuery의 간단한 방법을 주로 소개합니다. 필요한 친구들은 참고할 수 있습니다. 그것이 모두에게 도움이 되기를 바랍니다.

1. 문제 배경

두 개의 입력 상자가 있는데, 하나는 일반 텍스트를 입력하고 다른 입력 상자는 암호 텍스트를 표시합니다

<!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>
  <p>
   <input type="text" id="before" style="width: 300px;"/><br><br>
   <input type="text" id="after" style="width: 300px;"/>
  </p>
 </body>
</html>

jQuery를 사용하여 MD5 암호화를 구현하는 간단한 방법

관련 기사