<%@ 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 XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <base href="<%=basePath%>"> <title></title> <link rel="stylesheet" href="admin/css/basic.css" type="text/css" /> <link rel="stylesheet" href="admin/css/news.css" type="text/css" /> <script type="text/javascript" src="admin/js/userNew.js"></script> </head> <body> <form action="userNew" method="post" name="adminForm"> <div class="fillIn"> <table cellpadding="0" cellspacing="0"> <tr class="explain"> <td colspan="3">新增管理员</td> </tr> <tr class="item"> <td class="key">管理员</td> <td class="value"><input type="text" id="admin" name="userId" /></td> <td class="prompt" id="adminId">(必填)</td> </tr> <tr class="item"> <td class="key">密码</td> <td class="value"><input type="text" id="adminPass" name="password" /></td> <td class="prompt" id="adminPassId">(必填)</td> </tr> <tr class="item"> <td class="key">真实姓名</td> <td class="value"><input type="text" id="name" name="username" /></td> <td class="prompt" id="nameId">(必填)</td> </tr> <tr class="item"> <td class="key">手机号码</td> <td class="value"><input type="text" id="phone" name="phone" /></td> <td class="prompt" id="phoneId"> </td> </tr> <tr class="update"> <td colspan="3"><input type="submit" class="submit f_r" value="新增普通管理员" /></td> </tr> </table> </div> </form> </body> </html>
/* CSS Document */
.submit{ background:#f7661f; color:#fff; text-align:center; width:108px; height:21px; line-height:21px; border:none; border-radius:3px; font-family:"Arial";}
.submit:hover{ background:#ff971c;}
.submit2{ background:#f7661f; color:#fff; text-align:center; width:76px; height:21px; line-height:21px; border:none; border-radius:3px; font-family:"Arial";}
.submit2:hover{ background:#ff971c;}
.fillIn{ width:800px; margin:80px auto 0 auto;}
.fillIn table{ width:100%; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.fillIn table td{ height:21px; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.fillIn table .explain td{ background:#f4f4f4; font-family:"微软雅黑"; color:#333; font-weight:bold;}
.fillIn table .item .key{ background:#436da8; color:#fff; font-family:"微软雅黑"; width:180px; text-align:right; padding-right:10px;}
.fillIn table .item .value{ color:#333; font-family:"微软雅黑";}
.fillIn table .item .value input{ color:#c00; border:none; width:280px; font-family:"微软雅黑";}
.fillIn table .item .value select{ color:#c00; border:none; font-family:"微软雅黑";}
.fillIn table .item .value select option{ color:#c00; border:none; font-family:"微软雅黑";}
.fillIn table .item .prompt{ width:300px; text-align:left; padding-left:10px; color:#333; font-family:"微软雅黑";}
.fillIn table .update td{ height:28px; padding-right:10px;}
//JavaScript Document
function $(id){
return document.getElementById(id);
}
window.onload = function(){
//管理员验证
$("admin").onblur = function(){
adminOnblur(this);
};
//密码验证
$("adminPass").onblur = function(){
adminPassOnblur(this);
};
//真实姓名验证
$("name").onblur = function(){
nameOnblur(this);
};
//手机验证
$("phone").onblur = function(){
phoneOnblur(this);
};
//给表单注册提交事件
document.adminForm.onsubmit = function(){
return check();
};
};
function adminOnblur(obj){
var adminId = $("adminId");
if("" == obj.value){
adminId.innerHTML="(必填)管理员账号不能为空";
return false;
}
var regAdmin = /^[a-zA-Z][a-zA-Z0-9._-]{3,17}$/;
if(regAdmin.test(obj.value)==false){
adminId.innerHTML="(必填)只能以字母开关,且长度为4-18";
return false;
}
var xmlHttp = new XMLHttpRequest();
var url = "ajaxUserNew?userId="+ escape(obj.value);
xmlHttp.open("GET", url);//设置一个请求
xmlHttp.onreadystatechange = function() { //设置请求完成之后处理的回调函数
if (xmlHttp.readyState == 4) {//数据返回完毕
if (xmlHttp.status == 200) {//HTTP操作正常
var text = xmlHttp.responseText;//接收返回的内容
if(text != null){
adminId.innerHTML= text;
}
}
}
};
xmlHttp.send(null);//发送请求，不传递任何参数
return true;
}
function adminPassOnblur(obj){
var adminPassId = $("adminPassId");
if("" == obj.value){
adminPassId.innerHTML="(必填)管理员密码不能为空";
return false;
}
var regAdminPass = /^[a-zA-Z0-9]{6,16}$/;
if(regAdminPass.test(obj.value)==false){
adminPassId.innerHTML="(必填)密码由英文字母和数字组成的6-16位字符";
return false;
}
adminPassId.innerHTML="(必填)通过";
return true;
}
function nameOnblur(obj){
var nameId = $("nameId");
if("" == obj.value){
nameId.innerHTML="(必填)请输入正确的真实姓名";
return false;
}
var regName = /^([\u4e00-\u9fa5]|\w+)+$/;
if(regName.test(obj.value)==false){
nameId.innerHTML ="(必填)只能由汉字或字母组成";
return false;
}
//把中文字符转换为两个字母，以计算字符长度
var len = obj.value.replace(/[\u4e00-\u9fa5]/g,"ab").length;
if(len<4 || len>20){
nameId.innerHTML ="(必填)长度为4-20个字符(一个汉字占两个字符)";
return false;
}
nameId.innerHTML="(必填)通过";
return true;
}
function phoneOnblur(obj){
var phoneId = $("phoneId");
if("" == obj.value){
phoneId.innerHTML="";
return true;
}
var regPhone = /^1(3|5|8)\d{9}$/;
if(regPhone.test(obj.value)==false){
phoneId.innerHTML ="手机号由11位数字组成，以13、15、18开头";
return false;
}
phoneId.innerHTML="通过";
return true;
}
function check(){
var admin = adminOnblur($("admin"));
var adminPass = adminPassOnblur($("adminPass"));
var name = nameOnblur($("name"));
if(admin && adminPass && name ){
return true;
}
return false;
}
效果图：
相关推荐
在这个"SSH项目后台JSP页面.zip"压缩包中，主要包含的是项目的Web内容部分，尤其是JSP页面，这是用户与服务器交互的前端界面。 首先，让我们深入了解SSH框架的每个组件： 1. **Struts2**：这是一个MVC（Model-View...
2.如果实在后台servlet中使用，则导入import com.jspsmart.upload.*;（如果只用到其中的部分类，也可以具体到类，因为一共就5个类，也占不了多少空间，所以就全部导入了）。同时为了解决中文乱码问题，在后台servlet...
jspSmartUpload是由www.jspsmart.com网站开发的一个可免费使用的全功能的文件上传下载组件，适于嵌入执行上传下载操作的JSP文件中。该组件有以下几个特点： <br>1、使用简单。在JSP文件中仅仅书写三五行...
完美支持中文文件下载的jspsmartUpload.jar完美支持中文文件下载的jspsmartUpload.jar完美支持中文文件下载的jspsmartUpload.jar
- Java后台处理类：处理JSP提交的请求，使用SmartUpload解析上传的文件。 - 配置文件：如web.xml，配置Servlet映射等。 - CSS和JavaScript：用于美化界面和前端验证。 - 服务器端存储路径：保存上传文件的位置。...
Java Web开发中的jsp-api.jar包，欢迎大家下载。
jakarta.servlet.jsp.jstl-api-2.0.0.jar
JSPSmartUpload是一个在Java Web开发中常用的上传组件，它为JSP（JavaServer Pages）提供了文件上传的功能。这个组件的出现，使得开发者能够轻松地处理用户通过网页上传的文件，比如图片、文档等，而无需深入理解...
网站建设完全手册系列图书 网站JSP后台解决方案.pdf
javax.servlet.jsp_2.0.0.v201101211617.jar,javax.,servlet,jsp
这是修改后的jar包，可以直接拿来用，但在初始化SmartUpload类的时候需要有点改变，使用类似这样的方法初始化：com.jspsmart.upload.SmartUpload mySmartUpload = new com.jspsmart.upload.SmartUpload("gbk");
javax.servlet.jsp.jstl-api-1.2.1.jar
例如，`javax.servlet.jsp.PageContext`提供了对请求、响应、session以及应用程序范围内的对象的访问，而`javax.servlet.jsp.JspWriter`则用于输出内容到响应流。 **Servlet API** Servlet是Java编写的一种服务器...
通过javaweb编写一个简单的登录验证系统 1、登录页面login.jsp：通过提交表单实现一个简单的登陆页面 2、判断用户名密码页面dologin.jsp：通过对比用户...3、登录成功与登录失败页面login_success.jsp login_fail.jsp
............\.......\addClass_confirm.jsp ............\.......\Addcourse.jsp ............\.......\addcourse_confirm.jsp ............\.......\addstudent.jsp ............\.......\addstudent_confirm...
在IT行业中，JSP（JavaServer Pages）是一种用于创建动态网页的技术，它是Java平台的一部分，主要用于后台管理和数据交互。本文将深入探讨JSP在后台管理中的应用，以及如何实现增删改查操作和数据库连接。 首先，...
重新编译过，修正了utf-8下取值乱码的问题