`
chengyu2099
  • 浏览: 468899 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

jQuery event (志愿者活动) 项目中用到的JQUERY

阅读更多
/**
* event: js
* author: chengRenYin
* emailTo: maomaoyu2099@163.com
*/	
	/**
	* 查询活动
	*/
	function queryEvent()
  	{
		//获取所有checkbox的值
		var ckVal = '';
		$('input[name="ckTime"]').each(function(){
			if($(this).attr('checked')){
				ckVal += $(this).val()+':';
			}
		});
		var eventTime = ckVal.substring(0,(ckVal.length-1));
		//给复选框时间赋值
		$('#eventTime').val(eventTime); 
		//提交表单
		document.forms[0].submit();
  	}
  	/**
	* 查看 当前的活动
	*/
  	function particular(eName,eType,eAddress,eTime,remark)
	{
		//表单赋值
		$('#eventName').val(eName);
		$('#eventType').val(eType);
		$('#eventAddress').val(eAddress);
		$('#eventName').val(eName);
		$('#remark').val(remark);
		//表单时间赋值
		//alert('eTime = '+eTime);
		//赋值前清空复选框状态
		$('input[name="ckTime"]').each(function(){
			$(this).attr('checked','');
		});
		//赋当前 checkbox 状态值
		var ckTimeArray = eTime.split(':');
		$(ckTimeArray).each(function(){
			$('#'+this).attr('checked',true);
		});
	}
	/**
	*表单重置
	*/
	function resetEvent()
	{
		document.forms[0].reset();
	}
	/**
	* 修改活动
	*/
	function amendSub(eId)
	{
		//---------------表单验证----------------
		// 复选框验证
		var ck = ''; // 复选框状态
		$('input[name="ckTime"]').each(function()
		{
			if($(this).attr('checked'))
			{
				ck += $(this).val();
			}
		});
		
		//获取所有checkbox的值
		var ckVal ='';
		$('input[name="ckTime"]').each(function(){
			if($(this).attr('checked')){
				ckVal += $(this).val()+':';
			}
		});
		
		var eventTime = ckVal.substring(0,(ckVal.length-1));
		
		//表单基本验证
		var eName = $('#eventName').val();
		var eAddress = $('#eventAddress').val();
		var eType = $('#eventType').val();
		
		if(eName==''){
			alert('活动名称没有填写!');
			return false;
		}
		if(eAddress==''){
			alert('活动地点没有填写!');
			return false;
		}
		if(eType=='0'){
			alert('活动类型没有选择!');
			return false;
		}
		if(ck=='')
		{
			alert('选择时间 !');
			return false;
		}
		//ajax
		var data = 'eventId='+eId+'&eventType='+eType+'&eventAddress='+eAddress+'&eventTime='+eventTime+'&eventName='+eName;
		$.ajax({
		   type: "post",
		   url: "saveModifyEvent.action",
		   data: data,
		   success: function(msg){
		     alert('保存成功!');
		   },
		   error:function()
		   {
		   	 alert('修改失败,联系管理员或稍后再试!');
		   }
		});
	}
	/**
	*删除活动
	*/
	function deleteEvent(eId)
	{
		if(window.confirm('确认删除?'))
		{
			var data = 'eventId='+eId;
			$.ajax({
			   type: "post",
			   url: "deleteEvent.action",
			   data: data,
			   success: function(msg){
			     alert('删除成功!');
			  	 window.location.reload();
			   },
			   error:function()
			   {
			   	 alert('删除失败,联系管理员或稍后再试!');
			   }
			});
		}
	}
	/**
	* 查询志愿者详细 信息
	*/
	function pUserInformation(pUserId)
	{
		var data = 'userId='+pUserId;
		$.ajax({
			   type: "post",
			   url: "queryLoginInfor.action",
			   data: data,
			   success: function(msg)
			   {
			   		window.location.href = 'userInfor.jsp';
			   },
			   error:function()
			   {
			   	 alert('联系管理员或稍后再试!');
			   }
			});
		}
		/**
	* 控制 活动内容 字数 输入
	*/
	function checkLength(which) 
	{
		var maxChars = 250;
		if (which.value.length > maxChars){
		which.value = which.value.substring(0,maxChars);}
		var curr = maxChars - which.value.length;
		document.getElementById("chLeft").innerHTML = curr.toString();
	}
分享到:
评论

相关推荐

    jquery.event.drag jquery拖动插件

    `jquery.event.drag`是jQuery的一个扩展插件,由Jörn Zaefferer开发,它是jQuery UI中的`draggable`组件的一个轻量级替代品,适用于那些不需要完整UI框架的项目。这个插件为jQuery对象添加了拖放事件处理,使得...

    jQuery源码 jQuery源码 jQuery源码

    jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码...

    jQuery源码分析之Event事件分析

    IE的event在是在全局的window下, 而mozilla的event是事件源参数传入到回调函数中。还有很多的事件处理方式也一样。 Jquery提供了一个 event的包裹,这个相对于其它的lib提供的有点简单,但是足够使用。 代码如下: /...

    一号店项目,jquery

    在“一号店项目”中,我们重点探讨了利用jQuery库实现的前端功能,包括用户注册与登录的表单验证、商品排序、购物车管理和获取验证码等关键环节。这些功能是电商网站的核心组成部分,确保了用户体验的顺畅和安全性。...

    jquery.event.drag-2.0.rar

    而在jQuery的众多插件中,`jquery.event.drag-2.0`是一个专门处理拖放事件的插件,它极大地简化了在网页上实现拖放操作的复杂性。本文将深入探讨这个插件的核心概念、工作原理以及实际应用。 首先,让我们了解什么...

    jquery.event.drop-2.0.zip

    在这个压缩包文件"jquery.event.drop-2.0.zip"中,主要包含的就是这个插件的核心代码。通过解压并引入这个文件,我们可以利用其强大的API和事件处理机制,创建出富有动态效果的用户界面。 一、jQuery Event Drop ...

    jQuery1.12.4+jQuery中文手册.rar

    - 结合实际项目练习,将jQuery的知识应用到网页交互、动态效果和Ajax通信中,提升开发效率。 以上是对jQuery 1.12.4及其相关资源的基本介绍,掌握这些内容,将有助于你在实际开发中熟练运用jQuery,提升前端开发...

    js需要用到的jquery

    js需要用到的jquery

    jQuery API 3.3.1 中文手册

    jQuery是一个JavaScript框架,自面世以来,以其快速、简洁,能够很轻易地处理HTML文档、控制事件、给页面添加动画和Ajax效果等功能使多很多WEB编程者对其非常热爱,本手册旨在帮助广大jQuery爱好者快速了解jquery库...

    js 小项目练习,jQuery 小例子

    这些小项目展示了jQuery在实际开发中的应用,帮助初学者更好地理解和掌握jQuery的基本用法和高级技巧。 **学习资源与实践** 为了深入学习jQuery,你可以参考以下资源: 1. **官方文档**:jQuery的官方文档详尽且...

    JQuery UI 中文帮助文档

    jQuery UI 是一个基于 jQuery JavaScript 库的开源项目,它提供了丰富的用户界面组件,使得开发者能够轻松创建交互性强、视觉效果美观的网页应用。这个中文帮助文档是针对jQuery UI的详细指南,旨在帮助开发者更好地...

    jquery-3.4.1_jquery_3.4.1.js_jquery-3.4.1_sangat1_jquery3.4.1_jq

    在本篇文章中,我们将深入探讨jQuery 3.4.1这一版本,了解其核心特性以及在实际项目中的应用。 首先,我们来看看标题中的"jquery-3.4.1_jquery_3.4.1.js",这表明我们关注的是jQuery库的3.4.1版本,这是一个稳定且...

    jQuery API 1.4.4 中文参考手册.chm

    jQuery API 1.4.4 中文参考手册.chm,jquery api 下载,jQuery 1.4.4 API 参考文档中文版.rar,jQuery最新版CHM下载,jQuery中文参考手册,jQuery中文版1.4.4参考手册,jQuery 1.4.4 速查表,jQuery中文参考手册,jQuery中文...

    jquery-3.7.0.min.js(jQuery下载)

    jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)...

    jquery-migrate3.4版本

    jQuery Migrate 是一个插件,它的主要目的是帮助开发者平滑地过渡到较新版本的 jQuery,解决老版本代码在新版本中可能遇到的兼容性问题。在jQuery Migrate 3.4.0版本中,我们看到了对旧API和功能的维护,以及对现代...

    Jquery项目案例

    在这个项目中,使用jQuery实现了一个图片轮播效果。主要涉及到的知识点有: - `$(document).ready()`:确保DOM加载完成后再执行脚本。 - `.fadeOut()` 和 `.fadeIn()`:用于淡入淡出图片,创建平滑过渡效果。 - ...

    jQuery当当网项目

    这个项目不仅涵盖了基本的网页布局和设计,还涉及到jQuery在网页交互、数据处理以及动态效果实现中的应用。以下是该项目中涉及的主要知识点: 1. **jQuery基础**:jQuery是一个轻量级的JavaScript库,它简化了HTML...

    最新 jQuery 1.7正式发布(附带1.6中文API)

    异步模块定义(AMD):现在在jQuery中已支持AMD API。 jQuery.Deferred对象功能扩展。 新的jQuery.isNumeric()方法。 另外,在jQuery 1.7中移除了event.layerX和event.layerY这两个属性,以及jQuery.isNaN()和jQuery...

    jquery中文版离线手册

    **jQuery中文版离线手册** 是一款专门为初学者和开发者设计的工具,旨在提供全面的jQuery API参考和教程。jQuery是一个流行的JavaScript库,它极大地简化了网页中的DOM操作、事件处理、动画效果以及Ajax交互。这个...

Global site tag (gtag.js) - Google Analytics