有些情况需要用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,欢迎访问原出处。
大家都在看