1、登陆页代码
1)引入js
<script type="text/javascript" src="${base}/resources/admin/js/jquery.js"></script>
<script type="text/javascript" src="${base}/resources/admin/js/jquery.validate.js"></script>
<script type="text/javascript" src="${base}/resources/admin/js/rsa/jsbn.js"></script>
<script type="text/javascript" src="${base}/resources/admin/js/rsa/prng4.js"></script>
<script type="text/javascript" src="${base}/resources/admin/js/rsa/rng.js"></script>
<script type="text/javascript" src="${base}/resources/admin/js/rsa/rsa.js"></script>
<script type="text/javascript" src="${base}/resources/admin/js/rsa/base64.js"></script>
2) 编写js代码
<script type="text/javascript">
$(document).ready(function(){
// RSA加密
$('#myform').submit(function(){
var $password = $('#password');
var $enPassword = $('#enPassword');
var rsaKey = new RSAKey();
rsaKey.setPublic(b64tohex("${modulus}"), b64tohex("${exponent}"));
var enPassword = hex2b64(rsaKey.encrypt($password.val()));
$enPassword.val(enPassword);
});
// 弹出登陆错误信息
if("${failure}"!=""){
alert("${failure}");
}
// JQuery Validate插件登陆表单验证
$('#myform').validate({
rules:{
username:{required:true},
password:{required:true,minlength:5},
kaptcha:{required:true,
remote:{
type:"post",
url:"${base}/kaptchaAjaxCheck",
data:{ kaptcha:function(){ return $('#kaptcha').val();}}
}}
},
messages:{
username:{required:"请输入用户名"},
password:{required:"密码不能为空!",minlength:"密码最小长度为5"},
kaptcha:{required:"验证码不能为空!",remote:jQuery.format("错误的验证码")}}
});
// 验证码
$('#kaptchaImage').click(function () {
$(this).attr('src', '${base}/kaptcha.jpg?' + Math.floor(Math.random()*100) );
});
});
</script>
3)正文代码
<form action="${base}/admin" method="post" id="myform">
<input type="hidden" id="enPassword" name="enPassword"> // 隐藏域,enPassword,用来设置存放被上面的RSA加密之后的密文代码
username:<input type="text" id="username" name="username"><br>
password:<input type="text" id="password" name="password"><br>
kaptcha:<input type="text" id="kaptcha" name="kaptcha"/><br> // kaptcha验证码输入框
<img src="${base}/kaptcha.jpg" id="kaptchaImage"/><br> //kaptcha验证码显示图片
<input type="submit" value="submit">
</form>