Home  >  Article  >  Web Front-end  >  A simple way to implement MD5 encryption with jQuery

A simple way to implement MD5 encryption with jQuery

小云云
小云云Original
2018-01-23 16:10:192806browse

This article mainly introduces jQuery's simple method of implementing MD5 encryption. It implements the md5 encryption function based on the jquery.md5.js plug-in. It is very simple and practical. Friends who need it can refer to it. I hope it can help everyone.

1. Problem background

There are two input boxes, one input box is plain text, and the other input box displays cipher text

2. Implementation source code


<!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>

3. Implementation result

Related recommendations:

MD5 encryption method in JS

Oracle defines DES encryption, decryption and MD5 encryption function examples

Detailed explanation of base64 encryption, md5 encryption and sha1 encryption implemented by JS

The above is the detailed content of A simple way to implement MD5 encryption with jQuery. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn