本文介绍了一个使用JSP实现的员工信息添加表单案例。该表单包括姓名、工资、职位和部门的选择，并利用jQuery实现了部分验证功能。
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
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 'insert.jsp' starting page</title>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(function(){
$("#name").blur(function(){
var naem=$(this).val();
$.post("${pageContext.request.contextPath}/user/register.do","name="+name,function(data))
});
});
</script>
</head>
<body>
<form action="${pageContext.request.contextPath }/user/addEmployee.do">
<table>
<tr>
<td>姓名:</td>
<td><input type="text" name="name" id="name"/></td>
</tr>
<tr>
<td>工资:</td>
<td><input type="text" name="salary" id="salary"/></td>
</tr>
<tr>
<td>职位:</td>
<td><input type="text" name="position" id="position"/></td>
</tr>
<tr>
<td>部门</td>
<td>
<select name="department.id" id="selectid">
<option value="">---请选择部门---</option>
<c:forEach items="${list }" var="Type">
<option value="${Type.id }">${Type.name }</option>
</c:forEach>
</select>
</td>
</tr>
</table>
<input type="submit" value="添加" id="tj"/>
</form>
</body>
</html>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
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 'insert.jsp' starting page</title>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(function(){
$("#name").blur(function(){
var naem=$(this).val();
$.post("${pageContext.request.contextPath}/user/register.do","name="+name,function(data))
});
});
</script>
</head>
<body>
<form action="${pageContext.request.contextPath }/user/addEmployee.do">
<table>
<tr>
<td>姓名:</td>
<td><input type="text" name="name" id="name"/></td>
</tr>
<tr>
<td>工资:</td>
<td><input type="text" name="salary" id="salary"/></td>
</tr>
<tr>
<td>职位:</td>
<td><input type="text" name="position" id="position"/></td>
</tr>
<tr>
<td>部门</td>
<td>
<select name="department.id" id="selectid">
<option value="">---请选择部门---</option>
<c:forEach items="${list }" var="Type">
<option value="${Type.id }">${Type.name }</option>
</c:forEach>
</select>
</td>
</tr>
</table>
<input type="submit" value="添加" id="tj"/>
</form>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
