jQuery实现MD5加密

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

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

文章标签：

#javascript #ViewUI

本文介绍了一个使用jQuery实现的简单MD5加密示例。当用户在输入框中输入明文时，通过jQuery触发事件自动将明文转换为MD5密文并显示在另一个输入框中。此示例利用了jQuery库及其MD5插件。

1、问题背景

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

2、实现源码

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