在web开发中有时需要将用户的一些信息在客户端加密后进行提交,然后在web后端进行验证,可以提高页面传输过程中的安全性。本例实现一个简单的加密登录demo,例子仅仅为了演示使用,实际使用时可以根据实际要求进行修改。
1、主要实现点
1、form中加入一个隐藏的input用于提交加密后的密文;
2、在表单的submit方法中将输入的明文密码加密,并设置到隐藏的input中。加密使用md5.js进行实现,该文件可自行百度;
3、在表单的submit方法中使用ajaxSubmit提交form;
本例用于演示,提交时会同时提交明文和密文密码,实际使用时可以将明文输入框改为不提交或者放到form表单之外即可。
2、代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用户登录</title>
<link rel="stylesheet" type="text/css" href="/CarAppStore/css/login/style.css