dpn525
- 浏览: 290307 次
- 性别:
- 来自: 哈尔滨
-
文章分类
最新评论
-
netfengxia：
这个是Mybatis哦. 是一个ORM框架, 这里展示的是My ...
mybatis merge 语句使用 -
MILLETS：
好像没有效果
jsp页面打印、预览、设置实现方案 -
evic520：
mysql有merge into的用法？是不是标题错了 楼主？ ...
mybatis merge 语句使用 -
winner_king：
解决问题
pager-taglib分页中文乱码问题 -
Renee涟漪：
...
SVN搭建
<%@ page contentType="text/html; charset=utf-8" language="java" errorPage="" %>
..........
<%
String path = request.getContextPath();
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>管理用户</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
<link rel="stylesheet" href="<%=path%>/css/main.css" type="text/css">
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-1.4.2.js" charset="UTF-8"></script>
<script type="text/javascript" src="<%=path%>/js/formValidator.js" charset="UTF-8"></script>
<link type="text/css" rel="stylesheet" href="<%=path%>/css/validator.css"></link>
.........
<script language="javascript">
$(
function()
{
$.formValidator.initConfig({formid:"form1",onerror:function(msg){alert(msg)},onsuccess:function(){return true;}});
//验证用户名
$("#userName").formValidator({onshow:"请输入用户帐号",onfocus:"用户帐号至少3个字符,最多20个字符",oncorrect:"该用户名可以注册"}).inputValidator({min:3,max:20,onerror:"你输入的用户名非法,请确认"})
.ajaxValidator({
type : "get",
url : "doAjaxTest.do",
datatype : "text",
success : function(data){
if( $.trim(data) == "notexsits" )
{
return true;
}
else
{
return false;
}
},
error: function(){alert("服务器没有返回数据，可能服务器忙，请重试");},
onerror : "该用户帐号不可用，请更换用户名",
onwait : "正在对用户名进行合法性校验，请稍候..."
}).regexValidator({regexp:"username",datatype:"enum",onerror:"用户帐号格式不正确"});
//验证密码
$("#password").formValidator({onshow:"请输入密码",onfocus:"密码只能是6-16位",oncorrect:"密码合法"})
.inputValidator({min:6,max:16,empty:{leftempty:false,rightempty:false,emptyerror:"密码两边不能有空符号"},onerror:"密码只能是6-16位,请确认"});
$("#repassword").formValidator({onshow:"请输入重复密码",onfocus:"两次密码必须一致",oncorrect:"密码一致"})
.inputValidator({min:6,max:16,empty:{leftempty:false,rightempty:false,emptyerror:"重复密码两边不能有空符号"},onerror:"重复密码不能为空,请确认"})
.compareValidator({desid:"password",operateor:"=",onerror:"2次密码不一致,请确认"});
//真实姓名
$("#name").formValidator({onshow:"请输入真实姓名",onfocus:"真行姓名至少3个字符,最多20个字符",oncorrect:"该真实姓名可以使用"})
.inputValidator({min:3,max:20,onerror:"你输入的真实姓名非法,请确认"})
//用户说明
$("#memo").formValidator({empty:true,onshow:"请输入用户说明，可以为空",onfocus:"你要是输入了，必须输入正确",oncorrect:"该用户说明可以使用",onempty:"你真的不输入用户说明吗？"})
.inputValidator({min:1,max:200,onerror:"你输入的用户说明非法,请确认"})
//角色
$("#role").formValidator({onshow:"请选择你的角色",onfocus:"角色必须选择",oncorrect:"该角色可以使用"})
.inputValidator({min:1,onerror: "请选择你的角色"});
//省份
$("#province").formValidator({onshow:"请选择省份",onfocus:"省份必须选择",oncorrect:"该省份可以使用"}).inputValidator({min:1,onerror: "请选择省份"});
//地市
$("#city").formValidator({onshow:"请选择地市",onfocus:"地市必须选择",oncorrect:"该地市可以使用"}).inputValidator({min:1,onerror: "请选择地市"});
//区县
$("#areaCountry").formValidator({onshow:"请选择区县",onfocus:"区县必须选择",oncorrect:"该区县可以使用"}).inputValidator({min:1,onerror: "请选择区县"});
//营业厅
$("#businessHall").formValidator({onshow:"请选择营业厅",onfocus:"营业厅必须选择",oncorrect:"该营业厅可以使用"}).inputValidator({min:1,onerror: "请选择营业厅"});
//角色选择
$('#role').change
(
function()
{
if($(this).children('option:selected').val()==-1)
{
$("#province").removeAttr("disabled");
$("#city").removeAttr("disabled");
$("#areaCountry").removeAttr("disabled");
$("#businessHall").removeAttr("disabled");
$("#province option[value='-1']").attr("selected",true);
$("#city").empty();
$("#city").append("<option value='-1'>请选择...</option>");
$("#areaCountry").empty();
$("#areaCountry").append("<option value='-1'>请选择...</option>");
$("#businessHall").empty();
$("#businessHall").append("<option value='-1'>请选择...</option>");
//去掉jquery验证
$("#province").unFormValidator(true);
$("#city").unFormValidator(true);
$("#areaCountry").unFormValidator(true);
$("#businessHall").unFormValidator(true);
}
if($(this).children('option:selected').val()==1)
{
$("#province").attr("disabled","disabled");
$("#city").attr("disabled","disabled");
$("#areaCountry").attr("disabled","disabled");
$("#businessHall").attr("disabled","disabled");
$("#province option[value='-1']").attr("selected",true);
$("#city").empty();
$("#city").append("<option value='-1'>请选择...</option>");
$("#areaCountry").empty();
$("#areaCountry").append("<option value='-1'>请选择...</option>");
$("#businessHall").empty();
$("#businessHall").append("<option value='-1'>请选择...</option>");
//去掉jquery验证
$("#province").unFormValidator(true);
$("#city").unFormValidator(true);
$("#areaCountry").unFormValidator(true);
$("#businessHall").unFormValidator(true);
}
if($(this).children('option:selected').val()==2)
{
$("#province").removeAttr("disabled");
$("#city").attr("disabled","true");
$("#areaCountry").attr("disabled","true");
$("#businessHall").attr("disabled","true");
$("#city").empty();
$("#city").append("<option value='-1'>请选择...</option>");
$("#areaCountry").empty();
$("#areaCountry").append("<option value='-1'>请选择...</option>");
$("#businessHall").empty();
$("#businessHall").append("<option value='-1'>请选择...</option>");
//开启jquery验证
$("#province").unFormValidator(false);
//去掉jquery验证
$("#city").unFormValidator(true);
$("#areaCountry").unFormValidator(true);
$("#businessHall").unFormValidator(true);
}
if($(this).children('option:selected').val()==3)
{
$("#province").removeAttr("disabled");
$("#city").removeAttr("disabled");
$("#areaCountry").attr("disabled","true");
$("#businessHall").attr("disabled","true");
$("#areaCountry").empty();
$("#areaCountry").append("<option value='-1'>请选择...</option>");
$("#businessHall").empty();
$("#businessHall").append("<option value='-1'>请选择...</option>");
//开启jquery验证
$("#province").unFormValidator(false);
$("#city").unFormValidator(false);
//去掉jquery验证
$("#areaCountry").unFormValidator(true);
$("#businessHall").unFormValidator(true);
}
if($(this).children('option:selected').val()==4)
{
$("#province").removeAttr("disabled");
$("#city").removeAttr("disabled");
$("#areaCountry").removeAttr("disabled");
$("#businessHall").attr("disabled","true");
$("#businessHall").empty();
$("#businessHall").append("<option value='-1'>请选择...</option>");
//开启jquery验证
$("#province").unFormValidator(false);
$("#city").unFormValidator(false);
$("#areaCountry").unFormValidator(false);
//去掉jquery验证
$("#businessHall").unFormValidator(true);
}
if($(this).children('option:selected').val()==5)
{
$("#province").removeAttr("disabled");
$("#city").removeAttr("disabled");
$("#areaCountry").removeAttr("disabled");
$("#businessHall").removeAttr("disabled");
//开启jquery验证
$("#province").unFormValidator(false);
$("#city").unFormValidator(false);
$("#areaCountry").unFormValidator(false);
$("#businessHall").unFormValidator(false);
}
}
);
}
);
</script>
</head>
<body style="overflow-x:hidden;" >
<!-- 头部标识开始 -->
<div id="topFlag" style="font-size: 14px;color: red;font-weight: bold;height: 30px;">>>用户管理</div>
<!-- 头部标识结束 -->
<form action="doUserMgr.do?method=addUser" method="post" name="form1" id="form1" >
<table width="96%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="73A2D6">
<tr bgcolor="#8EC0E6">
<td height="25" colspan="3" align="center" background="images/bg_gen_head.jpg" class="textAnmedia">
新增用户
</td>
</tr>
<tr>
<td width="15%" height="150" rowspan="11" align="center" bgcolor="#E7F0F7">
基本信息
</td>
</tr>
<tr>
<td width="20%" height="25" align="center" bgcolor="#E7F0F7">
用户帐号
</td>
<td width="65%" bgcolor="#FFFFFF">
<input name="userName" id="userName" type="text" class="txtInput" />
<span id="userNameTip" class="border_3"></span>
</td>
</tr>
<tr>
<td width="20%" height="25" align="center" bgcolor="#E7F0F7">
用户密码
</td>
<td bgcolor="#FFFFFF">
<input name="password" id="password" type="password" class="txtInput" />
<span id="passwordTip" class="border_3"></span>
</td>
</tr>
<tr>
<td width="20%" height="25" align="center" bgcolor="#E7F0F7">
重复密码
</td>
<td bgcolor="#FFFFFF">
<input name="repassword" id="repassword" type="password" class="txtInput" />
<span id="repasswordTip" class="border_3"></span>
</td>
</tr>
<tr>
<td width="20%" height="25" align="center" bgcolor="#E7F0F7">
真实姓名
</td>
<td bgcolor="#FFFFFF">
<input name="name" id="name" type="text" class="txtInput" />
<span id="nameTip" class="border_3"></span>
</td>
</tr>
<tr>
<td width="20%" height="25" align="center" bgcolor="#E7F0F7">
用户说明
</td>
<td bgcolor="#FFFFFF">
<input name="memo" id="memo" type="text" class="txtInput" />
<span id="memoTip" class="border_3"></span>
</td>
</tr>
<tr>
<td width="20%" height="25" align="center" bgcolor="#E7F0F7">
角色
</td>
<td bgcolor="#FFFFFF">
<select name="role" id="role" style="width:135px;" >
<option value="-1">请选择...</option>
<beans:tagHandle id="tagID">
<database:query id="<%=tagID%>" scope="page" >
select * from t_role_power
</database:query>
<database:rows id="db" query='<%=tagID%>'>
<option value="<%=db.get("userPower")%>" ><%=db.get("userRole")%></option>
</database:rows>
<database:release query='<%=tagID%>'/>
</beans:tagHandle>
</select>
<span id="roleTip" class="border_3"></span>
</td>
</tr>
<tr>
<td width="20%" height="25" align="center" bgcolor="#E7F0F7">
省份
</td>
<td bgcolor="#FFFFFF">
<select id="province" name="province" style="width: 135px;">
<option value="-1" >请选择...</option>
<beans:tagHandle id="tagProvince">
<database:prepareQuery id="<%=tagProvince%>" scope="page">
select id,city_code,city_name from tb_area_city where leve = 1
</database:prepareQuery>
<database:rows id="db2" query='<%=tagProvince%>'>
<option value="<%=db2.get("id") %>,<%=db2.get("city_name") %>" ><%=db2.get("city_name") %></option>
</database:rows>
<database:release query='<%=tagProvince%>'/>
</beans:tagHandle>
</select>
<span id="provinceTip" class="border_3"></span>
</td>
</tr>
<tr>
<td width="20%" height="25" align="center" bgcolor="#E7F0F7">
地市
</td>
<td bgcolor="#FFFFFF">
<select id="city" name="city" style="width: 135px;">
<option value="-1" >请选择...</option>
</select>
<span id="cityTip" class="border_3"></span>
</td>
</tr>
<tr>
<td width="20%" height="25" align="center" bgcolor="#E7F0F7">
区县
</td>
<td bgcolor="#FFFFFF">
<select id="areaCountry" name="areaCountry" style="width: 135px;">
<option value="-1" >请选择...</option>
</select>
<span id="areaCountryTip" class="border_3"></span>
</td>
</tr>
<tr>
<td width="20%" height="25" align="center" bgcolor="#E7F0F7">
营业厅
</td>
<td bgcolor="#FFFFFF">
<select id="businessHall" name="businessHall" style="width: 135px;">
<option value="-1" >请选择...</option>
</select>
<span id="businessHallTip" class="border_3"></span>
</td>
</tr>
<!--=======================================栏目权限==============================================-->
<tr>
<td width="15%" height="25" align="center" bgcolor="#E7F0F7">
栏目权限
</td>
<td colspan="2" bgcolor="#FFFFFF" style="padding:0px 20px 10px 20px;"><beans:tagHandle id="tagID">
<database:query id="<%=tagID%>" scope="page" >
select id, className from t_operate where parentID = -1 ORDER BY id
</database:query>
<database:rows id="db" query='<%=tagID%>'>
<BR>
<%=db.get("className")%>
<BR>
<beans:tagHandle id="tagIDC">
<database:prepareQuery id='<%=tagIDC%>' scope='page' variables='<%=new Object[] {db.get("id")}%>'>
select id, className from t_operate where parentID=? order by id
</database:prepareQuery>
<database:rows id="db1" query='<%=tagIDC%>'>
<input type="checkbox" value="<%=db1.get("Id")%>" id="userPower" name="userPower" <%if(db1.get("className").equals("修改密码")){out.print("checked");}%> />
-- <%=db1.get("className")%><BR>
</database:rows>
<database:release query='<%=tagIDC%>'/>
</beans:tagHandle>
</database:rows>
<database:release query='<%=tagID%>'/>
</beans:tagHandle>
</td>
</tr>
<!--=======================================频道权限==============================================-->
<tr>
<td height="25" colspan="3" align="center" bgcolor="#FFFFFF">
<input name="submit" type="submit" value="保 存">
</td>
</tr>
</table>
</table>
</form>
</body>
</html>
分享到：
发表评论
-
jquery判断方法是否存在
2014-03-21 13:45 836if($.isFunction(window.checkho ... -
jquery+ajax+后台级联
2013-11-26 16:21 1080$(document).ready(function(){ ... -
jquery.jmpopups弹出层改造成post提交
2013-03-22 09:01 2573/** * jmpopups * Copyright ... -
jquery判断对象是否存在
2013-03-20 11:03 801if($("#"+id)[0]) 或者 ... -
jquery+jstl实际应用
2012-11-28 13:40 1997<%@ page language="java ... -
jqueryapi
2012-05-18 17:20 933jquery1.6api -
jquery--checkbox全选
2012-05-17 14:47 891//挂全选事件-系统权限 $('#sysPowerAll' ... -
jquery css设置
2012-05-16 14:30 941和css有关的方法有这些：1、.addClass( ... -
jquery树
2012-05-04 10:09 9151 -
弹出层jquery.jmpopups
2011-11-14 17:21 1705可以弹出多层，引用 <script type=&quo ... -
jquery 加载完图片，获取大小
2011-11-07 16:54 2641//图片插件 $(document).ready(funct ... -
jquery获取图片尺寸
2011-11-04 17:19 23572例如 <img src="bag001.jpg ... -
JQuery判断radio是否选中，获取选中值
2011-11-04 15:42 1060/*---------------------------JQ ... -
jquery ajax json 模态对话框（转载）
2011-05-17 09:37 1633service层代码代码 public JSONArr ... -
jQuery formValidator表单验证插件常见问题
2011-04-01 11:01 6655如何实现一个控件，根据不同的情况，实现不同的控制？ 一个页 ... -
jquery设置select控件的selected属性
2011-03-31 16:53 1745$("#selectID option[val ... -
jquery设置元素的readonly和disabled
2011-03-31 16:33 1065Jquery的api中提供了对元素应用disabled和r ... -
（转）自动补全
2010-12-07 09:18 1901Servlet代码 /** * ... -
jQuery Ajax 实例 全解析 （转载）
2010-10-28 22:43 1002jQuery Ajax 实例 全解析 ... -
ajax教程-1
2010-10-25 09:56 1826一、Ajax介绍： Ajax是 ...
相关推荐
**jQuery EasyUI 实际项目详解** jQuery EasyUI 是一个基于 jQuery 的前端框架，它提供了一系列易于使用的组件，如对话框、表单、表格、菜单等，帮助开发者快速构建用户界面。这个项目集成了多种EasyUI组件的实际...
**jQuery项目应用详解** 在IT领域，jQuery是一个广泛使用的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。本篇文章将深入探讨“jdemo”项目，一个基于jQuery实现的Web应用...
"一个不错的jQuery特效项目" 提供了丰富的实例，帮助我们深入理解和实践jQuery的特效应用。这个项目不仅可以提升我们的jQuery技能，还可以激发创新思维，为网页增添动态美感。 首先，让我们了解jQuery的基本概念。...
在这个名为“jquery项目”的压缩包中，我们聚焦于jQuery的核心概念、常见操作以及在实际项目中的应用。 首先，jQuery的核心理念是“Write Less, Do More”，它简化了DOM操作、事件处理、动画效果和Ajax交互等复杂...
总的来说，“一号店项目”充分展示了jQuery在电商网站中的应用，从基础的DOM操作到复杂的用户交互，都体现了jQuery作为强大前端库的优势。通过学习和实践此类项目，开发者能够提升自己的jQuery技能，更好地服务于...
这些小项目展示了jQuery在实际开发中的应用，帮助初学者更好地理解和掌握jQuery的基本用法和高级技巧。 **学习资源与实践** 为了深入学习jQuery，你可以参考以下资源： 1. **官方文档**：jQuery的官方文档详尽且...
总结来说，这个"JQuery项目"实例集是一份宝贵的教育资源，它涵盖了jQuery的主要功能，并通过具体示例展示了其在实际开发中的应用。无论是初学者还是有经验的开发者，都能从中受益，加深对jQuery的理解并提高工作效率...
教程将详细讲解各个知识点，包括选择器、事件、动画、Ajax请求等，并通过实例演示如何将它们应用到实际项目中。 通过学习这个项目，你可以了解到如何利用jQuery和Ajax技术构建动态、响应式的Web应用，提升网页的...
总结上述内容，文档旨在向读者介绍jQuery这一流行的JavaScript库，并指导如何在实际项目中应用它。通过详细的描述和示例代码，读者可以了解到jQuery的核心概念、语法结构、对象操作、事件处理、动画效果以及插件使用...
通过这个项目式教程，你不仅可以掌握基础的PHP编程，还可以了解到如何使用Ajax和jQuery提升用户体验，以及如何在实际项目中运用MVC框架。随着对这些技术的深入理解，你将具备构建更复杂电子商务网站的能力。
《jQuery Colorbox在实际项目中的应用深度解析》 在网页设计和开发中，优雅的弹出层效果常常能提升用户体验，jQuery Colorbox就是一个强大的轻量级插件，它提供了多种类型的弹出展示方式，包括图片、iframe、HTML...
总之，"JQuery的简单应用"项目展示了如何在实际开发中运用jQuery提高Web应用的交互性和动态性。通过学习这个项目，开发者不仅可以掌握jQuery的基本用法，还能了解到如何将jQuery与其他技术（如数据库和Ajax）结合，...
在本项目中，你将深入学习jQuery的基础知识以及如何将其应用于实际项目。 1. **DOM操作**：jQuery简化了对HTML文档对象模型（DOM）的操作，例如，`$(selector)`用于选取元素，`.html()`、`.text()`和`.attr()`分别...
这个项目展示了如何将流行的前端框架jQuery EasyUI与后端的流行Java开发框架Hibernate、Spring和Struts2.0进行集成，以构建一个完整的Web应用程序。jQuery EasyUI是一个基于jQuery的UI组件库，提供了丰富的用户界面...
这个项目提供了实践jQuery和Web开发技能的宝贵机会，同时涵盖了许多实际项目中常见的技术和最佳实践。通过完成这个项目，学员不仅可以提升JavaScript和jQuery的运用能力，还能深入了解网页开发的流程和团队协作的...
在实战部分，你将学习如何将理论知识应用于实际项目。这可能涉及创建原型、集成后端服务、调试和优化性能。发布时，你可以选择打包成原生应用（如通过 PhoneGap 或 Cordova），或者直接部署到 Web 服务器作为 Web ...
在本文中，我们将探讨jQuery的基本概念、核心功能以及在实际项目中的应用。 首先，jQuery的核心理念是“Write Less, Do More”，它通过简洁的API让开发者能够快速有效地操作DOM（文档对象模型）。例如，使用`$`符号...
产生原因之前在很多前端群里面发现非北上广深小伙伴在实际工作中，很多还都以jQuery作为主要技术选型，而基于jQuery的单页应用也比较少见，因此抽空将两年前我们前端用jQuery做单页应用的一些想法整理起来，一来记录...
总结来说，这个项目源码提供了一个实际的Web开发示例，展示了如何整合SSH2框架、JSON数据格式、Ajax技术和jQuery库，来创建一个高效、交互性强的Web应用。通过研究和理解这个项目，开发者可以加深对这些技术的理解，...
5. **项目实践**：将学到的知识应用于实际项目，从模板出发构建完整的移动应用。 总的来说，jQuery Mobile HTML5模板是学习和快速开发移动Web应用的宝贵资源，通过深入理解和实践，开发者能够提升在HTML5和jQuery ...