逻辑实现，前后台通信自己搞下吧
java：
public class User implements Serializable {
private String username;
private String password;
private String phoneNum;
private String sex;
private String email;
private String remarks;
/* get、set方法 */
public static boolean login ( HttpServletRequest request ) {
String name = "sam";
String mima = "123456";
User user = new User();
if ( request.getParameter("username").equals(name) && request.getParameter("password").equals(mima) ){
user.setRemarks("登录成功");
return true;
}
user.setRemarks("登录失败");
return false;
}
public static boolean register ( HttpServletRequest request ) {
User user = new User();
user.setUsername( request.getParameter("username") );
user.setPassword( request.getParameter("password") );
user.setPhoneNum( request.getParameter("phoneNum") );
user.setSex( request.getParameter("sex") );
user.setEmail( request.getParameter("email") );
//执行你的注册逻辑
if ( user != null ) {
user.setRemarks("注册成功");
return true;
}
user.setRemarks("注册失败");
return false;
}
}
注册jsp：
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>注册</title>
</head>
<body>
<form method="post" action="xxx" id="haha">
<input type="text" name="username">
<input type="password" name="password">
<input type="text"name="phoneNum">
<input type="text"name="sex">
<input type="text"name="email">
<input type="submit" value="走你" id="sub">
</form>
<button style="display: none;" id="dl">我跳</button>
<script type="text/javascript">
//别忘了引入jQuery
$("#sub").click(function () {
$("#haha").ajaxSubmit(function (data) {
if ( data == true ) {
$("#dl").show();
alert("注册成功");
} else {
alert("注册失败");
return false;
}
});
});
</script>
</body>
</html>
登录jsp：
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>注册</title>
</head>
<body>
<form method="post" action="xxx" id="haha">
<input type="text" name="username">
<input type="password" name="password">
</form>
<span id="hehe"></span>
<script type="text/javascript">
//别忘了引入jQuery
$("#sub").click(function () {
$("#haha").ajaxSubmit(function (data) {
if ( data == true ) {
$("#hehe").text("登录成功");
} else {
$("#hehe").text("登录失败");
return false;
}
});
});
</script>
</body>
</html>
关注
