简单的表单验证--js,jsp,jquery,java,mysql(前台和后台验证)(
2013-11-14 20:57
781 查看
系统登录
姓名:用户名不能为空密码:密码不能为空
//首页
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript" src="jquery.js"></script>
<style type="text/css">
#name-error,#password-error{
color:red;
padding-left:10px;
font-size:14px;
}
</style>
</head>
<body>
<h3>系统登录</h3>
<%
String code = request.getParameter("code");
if("1001".equals(code)) {
%>
<div style="color:red">用户名或密码错误,请重新输入</div>
<%} else if("1002".equals(code)) { %>
<div style="color:red">请先登录</div>
<%} %>
<form action="login.jsp" method="post" id="myform">
姓名:<input type="text" name="username" id="username"/><span id="name-error">用户名不能为空</span><br/>
密码:<input type="password" name="password" id="password" /><span id="password-error">密码不能为空</span><br/>
<input type="button" id="btn" value="提交" /> <input type="reset" value="重置"/>
</form>
<script type="text/javascript">
$(document).ready(function(){
var name = $("input[name='username']").val();
var pwd = $("input[name='password']").val();
$("#username").keydown(function (){
$("#name-error").html(" ");
});
$("#password").keydown(function (){
$("#password-error").html(" ");
});
$("#username").change(function (){
var name = $("input[name='username']").val();
if(name.length <=4||name.length>=19){
$("#name-error").html("用户名不正确,请输入5-18位字符");
return;
}
});
$("#password").change(function (){
var password = $("input[name='password']").val();
if(password.length != 3){
$("#password-error").html("密码不正确,请输入3位有效数字");
return;
}else{
$("#btn").click(function(){
$("#myform").submit();
});
}
});
});
</script>
</body>
</html>
//验证页
<%@page import="cn.edu.hpu.dao.StudentDao"%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ page import="cn.edu.hpu.entity.Student" %>
<%
String name = request.getParameter("username");
String password = request.getParameter("password");
if(name == null || password == null){
response.sendRedirect("index.jsp?code=1001");
return;
}
StudentDao sd = new StudentDao();
Student s = sd.findStudent(name, password);
if(s != null){
request.setAttribute("mystudent", s);
request.getRequestDispatcher("success.jsp").forward(request, response);
}else{
response.sendRedirect("index.jsp?code=1001");
return;
}
%>
//成功页
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ page import="cn.edu.hpu.entity.*" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'success.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
</head>
<body>
<%
Student s = (Student)request.getAttribute("mystudent");
if(s == null){
response.sendRedirect("index.jsp?code=1002");
return;
}
%>
welcome,<%=s.getUsername() %>!
</body>
</html>
//对象
package cn.edu.hpu.entity;
public class Student {
private int id ;
private String username;
private String password;
public int getId() {
return id;
}
public void setId(int id) {
this.id = id;
}
public String getUsername() {
return username;
}
public void setUsername(String username) {
this.username = username;
}
public String getPassword() {
return password;
}
public void setPassword(String password) {
this.password = password;
}
}
//jdbc
package cn.edu.hpu.util;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
public class DHelp<T> {
private static final String DRIVER = "com.mysql.jdbc.Driver";
private static final String URL ="jdbc:mysql://localhost:3306/formdemo";
private static final String USERNAME = "root";
private static final String PASSWORD = "123456";
private Connection getConnection(){
Connection conn = null;
try {
Class.forName(DRIVER);
conn = DriverManager.getConnection(URL, USERNAME, PASSWORD);
return conn;
} catch (ClassNotFoundException e) {
// TODO Auto-generated catch block
e.printStackTrace();
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return null;
}
//查找
public T excuteFind(String sql,RowMapper<T> rm,Object...args){
T obj = null;
Connection conn = null;
PreparedStatement pst = null;
ResultSet rs = null;
try {
conn = getConnection();
pst = conn.prepareStatement(sql);
for (int i = 0; i < args.length; i++) {
pst.setObject(i+1,args[i]);
}
rs = pst.executeQuery();
if (rs.next()) {
obj = rm.mapperRow(rs);
}
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
} catch (Exception e) {
// TODO Auto-generated catch block
e.printStackTrace();
}finally{
close(rs, pst, conn);
}
return obj;
}
public void close(PreparedStatement pst,Connection conn){
close(null,pst,conn);
}
public void close(ResultSet rs,PreparedStatement pst,Connection conn){
try {
if (rs != null) {
rs.close();
}
} catch (Exception e) {
// TODO: handle exception
}finally{
try {
if (pst != null) {
pst.close();
}
} catch (Exception e2) {
// TODO: handle exception
}finally{
try {
if (conn != null) {
conn.close();
}
} catch (Exception e3) {
// TODO: handle exception
}
}
}
}
}
、、
package cn.edu.hpu.util;
import java.sql.ResultSet;
public interface RowMapper<T> {
public T mapperRow(ResultSet rs) throws Exception;
}
、、
package cn.edu.hpu.dao;
import java.sql.ResultSet;
import cn.edu.hpu.entity.Student;
import cn.edu.hpu.util.DHelp;
import cn.edu.hpu.util.RowMapper;
public class StudentDao {
DHelp<Student> dh = new DHelp<Student>();
public Student findStudent(String name,String password){
String sql = "select id,username,password from student where username=? and password=?";
return (Student) dh.excuteFind(sql, new RowMapper<Student>() {
public Student mapperRow(ResultSet rs) throws Exception {
// TODO Auto-generated method stub
Student s = new Student();
s.setId(rs.getInt("id"));
s.setPassword(rs.getString("password"));
s.setUsername(rs.getString("username"));
return s;
}
}, name,password);
}
}
相关文章推荐
- JSP前台是js,与Java后台通信
- 介绍jquery.validate.js简单实用的表单验证框架
- 使用jquery.validate.min.js前台验证表单
- jQuery.validation.js实现前台表单验证
- 常用网站后台与前台表单的有效性简单验证(不用验证控件,怕忘)
- JQuery简单的前台表单验证
- jquery.validate.js【简单实用的表单验证框架】
- jquery 批量删除前台jsp 加js加后台 spring
- 常用网站后台与前台表单的有效性简单验证(不用验证控件,怕忘)
- 前后台交互经常使用的技术汇总(后台:Java技术,前台:Js或者Jquery)
- 简单的表单验证(js、jquery)
- jquery.validate 验证(支持前台js验证通过,然后ajax后台数据校验)二
- 简单的 Bootstrap Jquery表单验证.js
- jquery.validate.js【简单实用的表单验证框架】【进阶版】
- js、jquery、包括后台程序的验证、正则
- 自已做一个简单jQuery表单验证
- js/jquery/插件表单验证
- jquery validate.js表单验证的基本用法入门
- <java EE 项目:petstore> 从一个简单项目看 java web 如何在本jsp页面上对用户输入的格式进行限制与验证
- jquery表单验证插件 jquery.form.js ------转载