用JQUERY实现内容的显示控制实例

最新推荐文章于 2014-05-06 20:15:45 发布
最新推荐文章于 2014-05-06 20:15:45 发布
阅读量806 收藏 1
点赞数
分类专栏： PHP基础 JQUERY MYSQL 文章标签： jquery input class mysql file function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ashokawuanshou/article/details/7680061
版权
PHP基础 同时被 3 个专栏收录
17 篇文章 0 订阅
订阅专栏
MYSQL
10 篇文章 0 订阅
订阅专栏
JQUERY
4 篇文章 0 订阅
订阅专栏 
<?php //环评业务-总量-新建编辑页面
	require('menu.php');//加载菜单
	require('head.php');//加载头文件
	
	//判断是否总量主管科室
	$sqlqxfp="SELECT * FROM qxfp WHERE yiemian ='yw_hp_zl'";	
	$resultqxfp=mysql_query($sqlqxfp);
	$numrowsqxfp=mysql_num_rows($resultqxfp);	
	if ($numrowsqxfp>0)
	{
		while($dataqxfp=mysql_fetch_array($resultqxfp))
		{
			$qxfp=$dataqxfp['qxfp'];				
		}
	}		
	if($_SESSION['ywclkeshi']!="$qxfp")
	{
		die('<h2 align="center">您无权添加总量记录。请<a href="yw_hp.php">返回</a></h2>');	
	}	
?>


<script type="text/javascript" src="jquery-1.7.2.js"></script> <!--引用JQuery-->
<script type="text/javascript" language="javascript">   //控制验收的内容是否显示
   $(function(){
     //选中
     $("#ys").click(function(){            
            $(".yincang").toggle();
     });   
});
</script> 

<script type="text/javascript">
	function regcheck()
	{		
		var pz_so2=document.regform.pz_so2.value;
		var pz_nox=document.regform.pz_nox.value;
		var pz_cod=document.regform.pz_cod.value;
		var pz_nh3n=document.regform.pz_nh3n.value;
		var ys_so2=document.regform.ys_so2.value;
		var ys_nox=document.regform.ys_nox.value;
		var ys_cod=document.regform.ys_cod.value;
		var ys_nh3n=document.regform.ys_nh3n.value;
		var zlpzrq=document.regform.zlpzrq.value;
		var zlysrq=document.regform.zlysrq.value;
		var regdate=/^[1-2][0-9]{3}-(0[1-9]|1[0-2])-(0[1-9]|1[0-9]|2[0-9]|3[0-1])$/;
		var regshu=/^\d+(\.\d+)?$/;
		
		if (!zlpzrq.match(regdate)) 
		{
			alert("日期格式不正确");
			document.regform.zlpzrq.focus();
			return false;
		}
		if(!pz_so2&&!pz_nox&&!pz_cod&&!pz_nh3n)//如果4个总量都为空则警告
		{			
			alert("总量未输入");
			document.regform.pz_so2.focus();
			return false;					
		}
		if(pz_so2)
		{
			if (!pz_so2.match(regshu)) 
			{
				alert("请输入数字");
				document.regform.pz_so2.focus();
				return false;
			}
		}
		if(pz_nox)
		{
			if (!pz_nox.match(regshu)) 
			{
				alert("请输入数字");
				document.regform.pz_nox.focus();
				return false;
			}
		}
		if(pz_cod)
		{
			if (!pz_cod.match(regshu)) 
			{
				alert("请输入数字");
				document.regform.pz_cod.focus();
				return false;
			}
		}
		if(pz_nh3n)
		{
			if (!pz_nh3n.match(regshu)) 
			{
				alert("请输入数字");
				document.regform.pz_nh3n.focus();
				return false;
			}
		}
		
		if(ys_so2)
		{
			if (!ys_so2.match(regshu)) 
			{
				alert("请输入数字");
				document.regform.ys_so2.focus();
				return false;
			}
		}
		if(ys_nox)
		{
			if (!ys_nox.match(regshu)) 
			{
				alert("请输入数字");
				document.regform.ys_nox.focus();
				return false;
			}
		}
		if(ys_cod)
		{
			if (!ys_cod.match(regshu)) 
			{
				alert("请输入数字");
				document.regform.ys_cod.focus();
				return false;
			}
		}
		if(ys_nh3n)
		{
			if (!ys_nh3n.match(regshu)) 
			{
				alert("请输入数字");
				document.regform.ys_nh3n.focus();
				return false;
			}
		}
		if(zlysrq)
		{
			if (!zlysrq.match(regdate)) 
			{
				alert("日期格式不正确");
				document.regform.zlysrq.focus();
				return false;
			}
		}
	}		
</script>	


<form method="post" action="yw_hp_zl_insert.php?hpid=<?php echo $hpid;?>" name="regform" enctype="multipart/form-data"> 
<table width="65%" border="0" align="center">
    <caption>
      <img src="images/add.png" alt="" class="t2" /> 建设项目总量批准和验收情况
    </caption>
    <tr>
      <td colspan="5" align="center">总量批准情况</td>
    </tr>
    <tr>
      <td width="27%" align="right">批准二氧化硫：</td>
      <td colspan="3"><input type="text" name="pz_so2"/></td>
      <td width="41%">例：1.236</td>
    </tr>
    <tr>
      <td align="right">批准氮氧化物：</td>
      <td colspan="3"><input type="text" name="pz_nox"/></td>
      <td>例：5.326</td>
    </tr>
    <tr>
      <td align="right">批准COD：</td>
      <td colspan="3"><input type="text" name="pz_cod"/></td>
      <td>例：12.36</td>
    </tr>
    <tr>
      <td align="right">批准氨氮：</td>
      <td colspan="3"><input type="text" name="pz_nh3n"/></td>
      <td>例：23.52</td>
    </tr>
    <tr>
      <td align="right">批准日期：</td>
      <td colspan="3"><input type="text" name="zlpzrq" value="<?php echo date('Y-m-d',time());?>"/></td>
      <td>例：2012-02-03</td>
    </tr>
    <tr>
      <td align="right">总量批准文件：</td>
      <td colspan="3"><input type="file" name="file1"/></td>
      <td>说明：无相关文件则无需选择</td>
    </tr>
    <tr>
      <td colspan="5" align="right"><hr color="#003366" size="5" /></td>
    </tr>
    
    <tr>
      <td colspan="5" align="center"><input type="checkbox" name="ys" id="ys"/>验收</td>
    </tr>
    <tr class="yincang">
      <td colspan="5" align="center">总量验收情况</td>
    </tr>
    <tr class="yincang">
      <td align="right">验收二氧化硫：</td>
      <td colspan="3"><input type="text" name="ys_so2"/></td>
      <td>例：1.236</td>
    </tr>
    <tr class="yincang">
      <td align="right">验收氮氧化物：</td>
      <td colspan="3"><input type="text" name="ys_nox"/></td>
      <td>例：5.326</td>
    </tr>
    <tr class="yincang">
      <td align="right">验收COD：</td>
      <td colspan="3"><input type="text" name="ys_cod"/></td>
      <td>例：12.36</td>
    </tr>
    <tr class="yincang">
      <td align="right">验收氨氮：</td>
      <td colspan="3"><input type="text" name="ys_nh3n"/></td>
      <td>例：23.52</td>
    </tr>
    <tr class="yincang">
      <td align="right">验收日期：</td>
      <td colspan="3"><input type="text" name="zlysrq" value="<?php echo date('Y-m-d',time());?>"/></td>
      <td>例：2012-02-03</td>
    </tr>
    <tr class="yincang">
      <td align="right">总量验收文件：</td>
      <td colspan="3"><input type="file" name="file2"/></td>
      <td>说明：无相关文件则无需选择</td>
    </tr>
    <tr class="yincang">
      <td colspan="5" align="right"><hr color="#003366" size="5" /></td>
    </tr>
   
    <tr>
      <td align="right">总量备注：</td>
      <td colspan="3"><input type="text" name="zlbz" class="l2"/></td>
      <td>例：区重点项目</td>
    </tr>
    <tr>
      <td colspan="5" align="right"><hr color="#003366" size="5" /></td>
    </tr>
    <tr>
      <td align="center">
        <input type="reset" name="submit2" value="清空">
        </td>
      <td colspan="3" align="right">
        <input type="submit" name="zuce" value="完成" onClick="return regcheck()"/>
        </td>
      <td> </td>
    </tr>
</table>

</form>
<?php
require('foot.php');
?>


ashokawuanshou
关注
专栏目录
Jquery实现控件的隐藏和显示实例
10-26
该实例充分展示了如何通过JQuery实现动态的用户交互效果，使得页面中的内容显示与隐藏能够响应用户的操作。这种技术非常适合制作动态的弹出窗口、工具提示、菜单等页面元素。 文章的结尾提到，由于OCR扫描技术的...
php+mysql+jquery实现父行子行折叠显示的实例
PHP&网页设计
06-26 2155
这是我写的一个控制父行与子行显示的一个页面。需要JQUERY <?php //业务系统的首页 include('menu.php');//加载目录 include('head.php');//加载头文件 ?> $(function(){ $('tr.parent').click(function(){ // 获取所谓的父行 $(this) .toggleCla
PHP+MYSQL+JQUERY实现内容的筛选或实时搜索
PHP&网页设计
06-25 7130
这是本人做的一个通讯录实例。可实时查找<?php include ("menu.php"); include ("head.php"); ?> $(function(){ $("#filterName").keyup(function(){ $("table tbody tr") .hide() .filter(":contains
php 从数据库读取数据并生成树型可折叠菜单
AlvinHu
05-06 5484
<?php /* * Copyright (C), 2014-2015, Beijing Fortune Tech. Co., Ltd. * * File: tree.php * Author: hu, jiangwen * * Description:从数据库读取节点数据并以树状的形式体现,支持折叠. * * History: * Date Author
jQuery实现下拉加载功能实例代码
11-22
在本实例中，我们将探讨如何使用jQuery实现下拉加载功能。 首先，我们要了解核心的JavaScript事件`scroll`，该事件会在用户滚动浏览器窗口时触发。在jQuery中，我们可以使用`$(window).scroll(function(event) {......
jQuery实现的五子棋游戏实例共4页.pdf.zip
最新发布
10-30
【jQuery实现的五子棋游戏实例】是一种使用JavaScript库jQuery创建的互动游戏，它通过HTML、CSS和JavaScript技术，为用户提供了一个在线玩五子棋的平台。jQuery是前端开发中广泛使用的库，它简化了DOM操作、事件处理...
jQuery实现内容定时切换效果完整实例
10-22
本文内容主要讲解了如何利用jQuery实现内容的定时切换效果，详细介绍了通过JavaScript和jQuery的时间函数来控制网页内容定时显示和隐藏的技巧。为了让读者能够更好地理解和实现这一效果，文章给出了一个完整的实例，...
使用jQuery轻松实现Ajax的实例代码
10-28
总结一下，这个实例展示了如何在Asp.Net MVC中使用jQuery实现Ajax交互。主要步骤包括： 1. 创建一个返回Json数据的服务器端方法。 2. 创建一个允许Ajax请求的控制器方法。 3. 在视图中编写jQuery代码，监听用户事件...
PHP+百度地图API+JAVASCRIPT实现GPS坐标与百度坐标转换的实例
热门推荐
PHP&网页设计
06-25 1万+
<?php $jingwei="new BMap.Point($longitude,$latitude);"; //$jingwei="new BMap.Point(116.12511,39.72228);";// 测试用的 ?> 环评项目定位 translateCallback = function (point){ //转换坐标 map.clearO
百度地图API之添加标签及链接
PHP&网页设计
06-20 1万+
<?php //$jingwei="new BMap.Point($longitude,$latitude);";//与其他联动时使用的 $jingwei="new BMap.Point(116.19926,39.72372);";// 给定坐标时用的 ?> 环评项目定位 translateCallback = function (
PHPEXCEL结合MYSQL+PHP实现数据库数据导出EXCEL实例
PHP&网页设计
06-20 8607
PS:这是本人在编写业务处理系统时，结合PHPEXCEL官方实例，编写的一个。感觉还不错。分享一下。 <?php error_reporting(E_ALL); date_default_timezone_set('Europe/London'); /** PHPExcel */ require_once '../phpclass/PHPExcel.php'; // Create new PHP
PHP+JAVASCRIPT实现自动弹出打印窗口并自动跳转页面的实例
PHP&网页设计
06-25 5950
主要是根据单位实际工作的需要，减少鼠标使用的次数，而对原有程序进行加以改进的。哈哈。我好有高兴。 .noprint{display : none } <?php //是否有记录 session_start(); require('config.php');//加载配置文件 require('functions.php'); require('head.php'); if (!iss
PHP+MYSQL+MYSQL+SESSION实现用户登录的实例
PHP&网页设计
06-26 5745
这是我写的用户登录界面。 <?php //系统登陆界面 session_start(); include('menu2.php'); require('configywcl.php');//加载配置文件 require('functions.php'); ?> 请登录系统 <?php if ($username) { $password=md5($password);
JQUERY+MYSQL+PHP通用用户注册页面的实例
PHP&网页设计
06-25 5711
这是本人写的一个用户注册页面。可检测用户名是否被使用，以及其他输入的信息是否符合相应的规则。 register.php的代码 <?php //注册新账号的编辑界面 require('menu2.php');//加载短菜单 require('configywcl.php');//加载配置文件 ?> 注册新账号 $( function() {
PHP+PHPEXCELREADER+MYSQ实现EXCEL表批量导入MYSQL
PHP&网页设计
06-26 5103
这个功能，主要是为了把大气监测数据批量导入MYSQL数据库而写的。其实，只要把insert.php文件中的数据库选项，就可以添加其他的数据了。这里提供的是一种原理。 up.php选择文件上传。PS:要实现此功能，还需要下载phpexcelreader源代码。GOOGLE一下，你懂的。 function import_check(){ var f_content = form1
百度地图API+PHP的驾驶路径显示实例
PHP&网页设计
06-20 2702
<?php $jingwei="new BMap.Point($longitude,$latitude);" ?> 环评项目定位 环评项目定位 translateCallback = function (point){ //转换坐标 map.clearOverlays(); var marker = new BMap.Marker
PHP+KINDEDIT+mysql+javascript实现文本编辑和文件上传功能实例
PHP&网页设计
06-26 2347
这个功能是本人写的一个会议通知的添加功能。需要用到kindeditor网页文本编辑器，功能强大。具体大家GOOGLE一下。 文件一add.php编辑页面 <?php //添加会议通知的编辑界面 include('menu.php'); include ("head.php"); ?> function regcheck() { var title=docume
AMCHARTS+MYSQL+PHP的使用实例
PHP&网页设计
06-20 2271
这是我写的统计曲线实例。欢迎交流。 <?php if (!isset($_SESSION['ywclusername']))//判断是否登录 { header("location:../../login.php"); exit; } ?> <?php //乡镇大气曲线显示 include("../../configywcl.php"); $xzapi=$jc;//
CSS实现部分打印的实例
PHP&网页设计
06-25 1605
.noprint{display : none } <?php //是否有记录 session_start(); require('config.php');//加载配置文件 require('functions.php'); require('head.php'); if (!isset($_SESSION['realname'])) { header("location:l
jQuery实现移动购物车效果实例
本文将详细介绍如何使用jQuery制作一个适合...总结来说，该文章提供了关于如何用jQuery实现移动端购物车功能的详细步骤和代码示例，适合前端开发人员学习和参考，以便在实际项目中应用到移动设备优化的用户体验设计。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值