有些情况需要用JavaScript来对数据进行md5加密，用JavaScript加密的好处是可以在客户端完成加密之后传送到服务端，即可以减轻服务端负担，也可以保证传输的安全，毕竟数据传输过程中很可能会被截获。下面介绍一个md5加密的js库。

效果演示

MD5加密：

转换前：

转换后：

使用MD5加密的方法：下载md5.js文件，在网页中引用该文件：

<script type="text/javascript" src="md5.js"></script>

在你需要使用MD5加密的地方如此调用：

<script type="text/javascript" >
	hash = hex_md5("input string");
</script>

下面是演示效果的代码：

<script type="text/javascript" src="md5.js"></script>
<script type="text/javascript">
function md5(){
  var hash = hex_md5(document.getElementById("text").value);
  document.getElementById("result").value = hash;
}
function trans(){
  frm.pwd.value = hex_md5(frm.pwd.value);
  document.getElementById("result2").value = frm.pwd.value;
}
function submit(){
  //默认的提交处理，自定义的提交前处理方法不要用submit作为函数名
}
//onsubmit="pwd.value =hex_md5(pwd.value)"
</script>
	
	<p>MD5加密：</p>
	
	<p>转换前：<input type="text" id="text" style="width:200px" value="welcome to nowamagic.net" /></p>
	
	<p>转换后：<input type="text" id="result" style="width:300px" /></p>
	
	<p><input type="button" value=" MD5加密 " onClick="md5()" /></p>
	
	<form name="frm" >
	<p>name: <input type="text" id="name" style="width:200px" /> </p>
	
	<p>password: <input type="password" id="pwd" style="width:200px" /></p>
	
	<p><input type="button" value=" 加密 " onClick="trans()" /></p>
	
	<p>加密后的密码：<input type="text" id="result2" style="width:300px" /></p>
	</form>

本文地址：http://www.nowamagic.net/librarys/veda/detail/423，欢迎访问原出处。