简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > JS Tutorial > body text

A simple way to implement MD5 encryption with jQuery

小云云
Release： 2018-01-23 16:10:19
Original
2714 people have browsed it

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>
Copy after login

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!

Related labels：
jquery method Simple
source：php.cn
Previous article：Example of echarts setting polyline line color and polyline point color Next article：jQuery plug-in Grid dynamically obtains method instances of columns and column fields
Statement of this Website
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
Latest Articles by Author
Latest Issues
Steps to install jQuery in Nuxt.js Although I try to add jQuery in my project, I get an error saying it's not defined. plugin...
From 2023-11-06 16:41:50
0
1
225
jQuery getting wrong value when getting data attribute I have a div with data attribute <divclass='p1'data-location='1'></div> I have...
From 2023-11-01 23:01:19
0
1
209
Support jQuery's Transfer-Encoding:chunked I'm a web developer. In my script I use header() to set "Transfer-Encoding:chunked&qu...
From 2023-10-25 23:44:37
0
1
230
How to get the natural dimensions of an image using JavaScript or jQuery? So far I have this code: varimg=document.getElementById('draggable'); varwidth=img.clientW...
From 2023-10-21 13:53:08
0
2
275
Automatically expand text area I'm trying to make a simple auto-expanding text area. This is my code: textarea.onkeyup=fu...
From 2023-10-21 08:49:23
0
2
225
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！