suchen

Heim >Web-Frontend >js-Tutorial >Eine einfache Möglichkeit, die MD5-Verschlüsselung mit jQuery zu implementieren

Eine einfache Möglichkeit, die MD5-Verschlüsselung mit jQuery zu implementieren

小云云
小云云Original
2018-01-23 16:10:192881Durchsuche

Dieser Artikel stellt hauptsächlich vor, wie jQuery die MD5-Verschlüsselungsfunktion basierend auf dem jquery.md5.js-Plugin implementiert. Ich hoffe, es ist sehr einfach und praktisch kann jedem helfen.

1. Problemhintergrund

Es gibt zwei Eingabefelder, eines gibt Klartext ein, das andere Eingabefeld zeigt Chiffretext an

2 . Implementierungsquellcode


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

Verwandte Empfehlungen:


MD5-Verschlüsselungsmethode in JS

Oracle-Definition von DES-Verschlüsselung, Entschlüsselung und MD5-Verschlüsselungsfunktionsbeispielen

Detaillierte Erläuterung der von JS implementierten Base64-Verschlüsselung, MD5-Verschlüsselung und SHA1-Verschlüsselung

Das obige ist der detaillierte Inhalt vonEine einfache Möglichkeit, die MD5-Verschlüsselung mit jQuery zu implementieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

jquery JS oracle
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Beispiel für die Einstellung der Polylinienlinienfarbe und der Polylinienpunktfarbe in EchartsNächster Artikel：Beispiel für die Einstellung der Polylinienlinienfarbe und der Polylinienpunktfarbe in Echarts

In Verbindung stehende Artikel

Mehr sehen