框架是struts1主要就是一些登陆信息,然后判断下用户名,油箱是否重复,验证码是否正确
等等,其他就不帖了,验证主要就在这个页面<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title><script type="text/javascript" src="./jquery.js"></script><script type="text/javascript">
$("document").ready(function() {
var now = new Date().getTime();
$.ajax({
url: 'userManager.do?method=rand',
type: 'post',
data: '&now=' + now,
success: function(data){
$("#str2").val(data);
},
error: function() {
alert("对不起!你的请求存在异常!");
}
});
})
</script>
<script type="text/javascript">
function sub() {
var email = $("#email").val();
var username = $("#username").val();
var password = $("#password").val();
var tpassword = $("#tpassword").val();
var str = $("#str").val();
var str1 = $("#str1").val();
var str2 = $("#str2").val();
var rand = $("#rand").val();
if($.trim(email).length<1) {
alert("对不起!电子邮箱不能为空,请重新输入!");
return false;
}else if(!(email.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)){
alert("对不起!电子邮箱输入有误,请重新输入!");
return false;
}else if($.trim(username).length<1) {
alert("对不起!用户名不能为空!");
return false;
}else if(str1 == '1') {
alert("对不起!用户名已经存在,请重新输入!");
return false;
}else if($.trim(password).length<1) {
alert("对不起!登陆密码不能为空!");
return false;
}else if(password != tpassword) {
alert("对不起!确认密码和登陆密码不一致!");
return false;
}else if($.trim(rand).length<1) {
alert("对不起!验证码不能为空!");
return false;
}else if(rand != str2) {
alert("对不起!验证码输入有误,请重新输入!");
return false;
}else {
var f = document.getElementById("frmUser");
f.action = "userManager.do?method=add";
f.submit();
}
}
// 查询邮箱是否存在
function findEmailIsExist() {
var email = $("#email").val();
var now = new Date().getTime();
$.ajax({
url: 'userManager.do?method=email',
type: 'post',
data: 'email=' + email + '&now=' + now,
success: function(data){
if(data != '') {
alert(data);
$("#str").val("1");
}else {
$("#str").val("");
}
},
error: function() {
alert("对不起!你的请求存在异常!");
}
});
}
// 查询用户名是否存在
function findUsernameIsExist() {
var username = $("#username").val();
var now = new Date().getTime();
$.ajax({
url: 'userManager.do?method=username',
type: 'post',
data: 'username=' + username + '&now=' + now,
success: function(data){
if(data != '') {
alert(data);
$("#str1").val("1");
}else {
$("#str1").val("");
}
},
error: function() {
alert("对不起!你的请求存在异常!");
}
});
}
function seeE() {
document.getElementById('vadimg').src='./image.jsp?t='+new Date().getTime();
var now = new Date().getTime();
$.ajax({
url: 'userManager.do?method=rand',
type: 'post',
data: '&now=' + now,
success: function(data){
$("#str2").val(data);
},
error: function() {
alert("对不起!你的请求存在异常!");
}
});
}
</script>
</head><body>
<form action="" id="frmUser" name="frmUser" method="post">
<input type="hidden" name="str" id="str">
<input type="hidden" name="str1" id="str1">
<input type="hidden" name="str2" id="str2">
<div style="margin-left: 20px;">
<br>
<b>添加新用户信息</b>
<hr>
<br>
<!-- 添加新用户信息 -->
电子信箱:<input type="text" name="email" id="email" style="width: 200px;">
<br><br>
会 员 名:<input type="text" name="username" id="username" style="width: 200px;" onblur="findUsernameIsExist();">
<br><br>
登陆密码:<input type="password" name="password" id="password" style="width: 200px;">
<br><br>
确认密码:<input type="password" name="tpassword" id="tpassword" style="width: 200px;">
<br><br>
验 证 码:<input type="text" name="rand" id="rand" style="width: 100px;">
<a href="javascript:void(0);"
onclick="seeE();return false;"><img id="vadimg" class="yzm" src="./image.jsp" border="0"></a>
<br><br>
<input type="button" value="我要注册新用户" onclick="sub()">
<input type="reset" value="我要重置信息">
</div>
现在问题是 这个判断是在客户端进行的,如果要改成在服务器端验证
大体要怎么改?帮忙说下思路,原理是什么? 谢谢!
等等,其他就不帖了,验证主要就在这个页面<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title><script type="text/javascript" src="./jquery.js"></script><script type="text/javascript">
$("document").ready(function() {
var now = new Date().getTime();
$.ajax({
url: 'userManager.do?method=rand',
type: 'post',
data: '&now=' + now,
success: function(data){
$("#str2").val(data);
},
error: function() {
alert("对不起!你的请求存在异常!");
}
});
})
</script>
<script type="text/javascript">
function sub() {
var email = $("#email").val();
var username = $("#username").val();
var password = $("#password").val();
var tpassword = $("#tpassword").val();
var str = $("#str").val();
var str1 = $("#str1").val();
var str2 = $("#str2").val();
var rand = $("#rand").val();
if($.trim(email).length<1) {
alert("对不起!电子邮箱不能为空,请重新输入!");
return false;
}else if(!(email.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)){
alert("对不起!电子邮箱输入有误,请重新输入!");
return false;
}else if($.trim(username).length<1) {
alert("对不起!用户名不能为空!");
return false;
}else if(str1 == '1') {
alert("对不起!用户名已经存在,请重新输入!");
return false;
}else if($.trim(password).length<1) {
alert("对不起!登陆密码不能为空!");
return false;
}else if(password != tpassword) {
alert("对不起!确认密码和登陆密码不一致!");
return false;
}else if($.trim(rand).length<1) {
alert("对不起!验证码不能为空!");
return false;
}else if(rand != str2) {
alert("对不起!验证码输入有误,请重新输入!");
return false;
}else {
var f = document.getElementById("frmUser");
f.action = "userManager.do?method=add";
f.submit();
}
}
// 查询邮箱是否存在
function findEmailIsExist() {
var email = $("#email").val();
var now = new Date().getTime();
$.ajax({
url: 'userManager.do?method=email',
type: 'post',
data: 'email=' + email + '&now=' + now,
success: function(data){
if(data != '') {
alert(data);
$("#str").val("1");
}else {
$("#str").val("");
}
},
error: function() {
alert("对不起!你的请求存在异常!");
}
});
}
// 查询用户名是否存在
function findUsernameIsExist() {
var username = $("#username").val();
var now = new Date().getTime();
$.ajax({
url: 'userManager.do?method=username',
type: 'post',
data: 'username=' + username + '&now=' + now,
success: function(data){
if(data != '') {
alert(data);
$("#str1").val("1");
}else {
$("#str1").val("");
}
},
error: function() {
alert("对不起!你的请求存在异常!");
}
});
}
function seeE() {
document.getElementById('vadimg').src='./image.jsp?t='+new Date().getTime();
var now = new Date().getTime();
$.ajax({
url: 'userManager.do?method=rand',
type: 'post',
data: '&now=' + now,
success: function(data){
$("#str2").val(data);
},
error: function() {
alert("对不起!你的请求存在异常!");
}
});
}
</script>
</head><body>
<form action="" id="frmUser" name="frmUser" method="post">
<input type="hidden" name="str" id="str">
<input type="hidden" name="str1" id="str1">
<input type="hidden" name="str2" id="str2">
<div style="margin-left: 20px;">
<br>
<b>添加新用户信息</b>
<hr>
<br>
<!-- 添加新用户信息 -->
电子信箱:<input type="text" name="email" id="email" style="width: 200px;">
<br><br>
会 员 名:<input type="text" name="username" id="username" style="width: 200px;" onblur="findUsernameIsExist();">
<br><br>
登陆密码:<input type="password" name="password" id="password" style="width: 200px;">
<br><br>
确认密码:<input type="password" name="tpassword" id="tpassword" style="width: 200px;">
<br><br>
验 证 码:<input type="text" name="rand" id="rand" style="width: 100px;">
<a href="javascript:void(0);"
onclick="seeE();return false;"><img id="vadimg" class="yzm" src="./image.jsp" border="0"></a>
<br><br>
<input type="button" value="我要注册新用户" onclick="sub()">
<input type="reset" value="我要重置信息">
</div>
现在问题是 这个判断是在客户端进行的,如果要改成在服务器端验证
大体要怎么改?帮忙说下思路,原理是什么? 谢谢!
如果非要放后台.那就用拦截器...interceptor 用法查API