`
java10000
  • 浏览: 24264 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
最近访客 更多访客>>
社区版块
存档分类
最新评论

项目中JS函数的写法

项目管理AjaxJSPHTML 
阅读更多 
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ include  file="/WEB-INF/view/include/include.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
	    <title>index page</title>
	    <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
	    <Script Language="javaScript" src="<c:out value="${path}" />/jsLibs/form/formEdit/formEdit.js"></Script>
	    <Script Language="javaScript" src="<c:out value="${path}" />/jsLibs/form/attachFile/attachFile.js"></Script>
	    <Script Language="javaScript" src="<c:out value="${path}" />/jsLibs/msgBox/msgBox.js"></Script>
	    <title>注册页面</title>
	    <style>
	        .zhuceTable{
	             width:979px;
	             height:700px;
	             padding: 0px;
	             background-color: #FFFFFF;
	             margin: 0px auto 0px auto;
	         }
	        .zhuceTable .logoTd{
				height:47px;
				width:241px;
	  		}
	        .zhuceTable .topTd{
	            background-image:url(<c:out value="${path }"/>/images/register/zhuce_1.gif);
	            width:100%;
	            height: 59px;
	            padding:2  0 0 70;
	            font-size:20px;
	            color:white;
	            font-weight:bold;
	         }
	        .zhuceTable .centerTd{
	            height:100%;
	            background-image: url(<c:out value="${path }"/>/images/register/zhuce_2.gif);
				width:100%;
	         }
	        .zhuceTable .bottomTd{
	            height:16px;
	            background-image: url(<c:out value="${path }"/>/images/register/zhuce_4.gif);
	         }
	        .conTable{
				width:878px;	        
	        }
			.titleTd{				
				width:878px;				
				height:45px;
				background-image: url("<c:out value="${path }"/>/images/register/zhuce_3.jpg") ;
				background-repeat:no-repeat;
				padding:0 0 5 30;
				color:#117daf;
				font-size:15px;
				font-weight:bold;
			}
			.xtd{
				text-align:right;
				width:500px;
				height:40px;
			}
			.ytd{
				width:320px;
				font-size:12px;
				color:navy;
				padding:0 0 0 40px;
			}
			.ztd{
				height:20px;
			}
			.std{
				height:50px;
				text-align:center;
				padding:40 0 0 0;
			}
			.rtd{
				width:3px;
			}
			#commit{
			    background: url("<c:out value="${path }"/>/images/register/zhuceButton.jpg");
				height:39px;
				width:114px;
				border:0px;
			}
			input{
				border:1px solid #117daf;
				background-color:white;	
			}
			img{
				vertical-align:middle;
			}
			label{
				vertical-align:middle;
			}
		</style>
	</head>
    <body style="background-color:white; overflow:auto;">
    	<center>
        <table cellpadding="0" cellspacing="0" border="0" class="zhuceTable">
			<tr>
				<td class="logoTd" style="padding:5 0 15 15;"><img src="<c:out value="${path }"/>/images/register/BYD_logo.jpg"></td>
			</tr>
            <tr>
                <td class="topTd" >欢迎注册实验室信息管理平台</td>
            </tr>
            <tr>
                <td class="centerTd" valign="top">
					<form id="regForm" name="regForm" class="sun_optionForm"  method="post" 
						action="<c:out value="${path}"/>/register.htm?method=userSave">
						<center>
							<table cellpadding="0" cellspacing="0" border="0" class="conTable">
									<tr ><td class="ztd" colspan="3"></td></tr>
									<tr>
										<td class="titleTd" colspan="3">创建您的帐号</td>
									</tr>
									<tr>
										<td class="xtd">登录帐号：
											<input type="text" id="userNo" name="userNo"  vtype="onlyChar"  vminLength="6" 
											vUpperCase="true"  vmaxlength="20" vnotNull style="height:26px;width:250px" >										
										</td>
										<td class="rtd"><font color="red" size="3px">*<font></td>
										<td class="ytd" id="obj">请输入6~20个字符（数字、字母、特殊符号）不区分大小写！</td>
									</tr>
									<tr>
										<td class="xtd">用户密码：
											<input type="password" id="userPassword" name="userPassword" vminLength="6" vnotNull vmaxlength="20" style="height:26px;width:250px">										
										</td>
										<td class="rtd"><font color="red" size="3px">*<font></td>
										<td class="ytd" id="objTd1">请输入6~20个字符（数字、字母、特殊符号）区分大小写！</td>
									</tr>	
									<tr>
										<td class="xtd">密码确认：
											<input type="password" id="reUserPassword"  vminLength="6"  vnotNull style="height:26px;width:250px">
										</td>
										<td class="rtd"><font color="red" size="3px">*<font></td>
										<td class="ytd" id="objTd2">请再输入一次密码！</td>
									</tr>	
									<tr ><td class="ztd"></td></tr>
									<tr>
										<td class="titleTd" colspan="3">填写您的基本信息</td>
									</tr>
								<tr>
									<td class="xtd">产业群：
										<select id="productNo" name="productNo" vdefaultvalue="汽车产业群" onchange="indexFun.proChange()" style="height:26px;width:250px">
										<c:forEach var="productInfo" items="${productInfo}">						
											<option value="${productInfo.productNo}"><c:out value="${parameter['PRODUCTS'][productInfo.productNo]}" /></option>
										</c:forEach>													
										</select>										
									</td>
									<td class="rtd"></td>									
									<td class="ytd">选择您所属的产业群！</td>
								</tr>
								<tr>
									<td class="xtd">事业部：
										<select id="divisionNo" name="divisionNo" onchange="indexFun.divChange()" style="height:26px;width:250px">
										<c:forEach var="divisionInfo" items="${divisionInfo}">						
											<option value="${divisionInfo.division.id}"><c:out value="${divisionInfo.groupName}"/></option>
										</c:forEach>
										</select>
									</td>
									<td class="rtd"></td>
									<td class="ytd">选择您所属的事业部！</td>
								</tr>
								<tr>
									<td class="xtd">用户群组：
										<input type="hidden" id="groupId" name="groupId" vnotNull />
										<input type="text" id="groupName" name="groupName" vnotNull style="height:26px;width:250px" onclick="indexFun.group()"/>										
									</td>
									<td class="rtd"><font color="red" size="3px">*<font></td>
									<td class="ytd">选择您所属的用户群组！</td>
								</tr>				
								<tr>
									<td class="xtd">成本中心：
										<input type="text" id="costCenter" name="costCenter" style="height:26px;width:250px" readonly="readonly">									
									</td>
									<td class="rtd"></td>
									<td class="ytd">填写您的成本中心代码！</td>
								</tr>
								<tr ><td class="ztd"></td></tr>
								<tr>
									<td class="titleTd" colspan="3">输入您的个人信息</td>
								</tr>
								<tr>
									<td class="xtd">工号：
										<input type="text" id="perNo" name="perNo" vtype="onlyChar" vUpperCase="true" vmaxlength="10" vnotNull style="height:26px;width:250px">								
									</td>
									<td class="rtd"><font color="red" size="3px">*<font></td>
									<td class="ytd" id="objTd3">请输入您的工号！</td>
								</tr>				
								<tr>
									<td class="xtd">用户姓名：
										<input type="text" id="userName" name="userName" vnotNull style="height:26px;width:250px">
									</td>
									<td class="rtd"><font color="red" size="3px">*<font></td>
									<td class="ytd">请输入您的真实姓名！</td>
								</tr>											
								<tr>
									<td class="xtd">座机：
										<input type="text" id="phone" name="phone" vnotNull vtype="tel" vmaxlength="10" style="height:26px;width:250px">
									</td>
									<td class="rtd"><font color="red" size="3px">*<font></td>
									<td class="ytd">请输入您的联系方式，请填写办公室座机！</td>
								</tr>
								<tr>
									<td class="xtd">手机：
										<input type="text" id="tel" name="tel" vtype="tel" vmaxlength="11" style="height:26px;width:250px">
									</td>
									<td class="rtd"></td>
									<td class="ytd">请输入您的联系方式，请填写11位手机长号！</td>
								</tr>										
								<tr>
									<td class="xtd">邮箱：
										<input type="text" id="email" name="email" vtype="email" vnotNull style="height:26px;width:250px">									
									</td>
									<td class="rtd"><font color="red" size="3px">*<font></td>
									<td class="ytd">请填写您的个人邮箱，此项很重要请谨慎填写！</td>
								</tr>										
								<tr>
									<td class="xtd">备注：
										<textarea  id="memo" name="memo" ROWS="3" COLS="30" style="width:250px"></textarea>
									</td>
									<td class="rtd"></td>
									<td class="ytd">请填写个人信息简介！</td>
								</tr>
								<tr>			
									<td colspan="3" class="std">
									<input type="button" id="commit" onclick="indexFun.saveCommit()">				
									</td>
								</tr>				
							</table>
						</center>
					</form>
                </td>
            </tr>
            <tr>
                <td class="bottomTd"></td>
            </tr>
        </table>
		</center>        
    </body>
</html>

<script language="javaScript">
	var success = "<c:out value="${success}"/>";
	window.onload=function(){
		//indexFun.checkOk();
		$("userNo").value = "";
		indexFun.init();
		//监听onblur事件
		$("userNo").attachEvent("onblur",function(){indexFun.checkUserNo();});
		$("perNo").attachEvent("onblur",function(){indexFun.checkPerNo();});		
		$("userPassword").attachEvent("onblur",function(){indexFun.checkPassword();});		
		$("reUserPassword").attachEvent("onblur",function(){indexFun.checkRePassword();});		
		$("productNo").options[0].selected=true;	
	};
	var indexFun = function(){
		var loading = new org.Loading();
		var msg = new org.msgBox();
		var oForm;
		var node;
		var list;
		return {
			init:function(){
			 	oForm = new org.form.FormEditer("regForm");
			   	oForm.init();
			},
			//checkOk:function(){
			//	if(success=="true"){
			//		msg.showMsg("保存成功！","注册信息已保存，谢谢！");					
			//		window.close();
			//	}else if(success=="false"){
			//		alert("保存失败");
			//		window.history.back();
			//	}
			//},
			checkPassword:function(){
				var userPassword = $("userPassword").value;
				if(userPassword != ""){
					if(userPassword.length < 6 || userPassword.length >20){
						$("objTd1").innerHTML = "<img src='<c:out value="${path}"/>/images/register/no.gif'>&nbsp;&nbsp;<font color=red>密码设置不符合规则！<font>";
						$("userPassword").value="";	
					}else{
						$("objTd1").innerHTML = "<img src='<c:out value="${path}"/>/images/register/ok.gif'>&nbsp;&nbsp;<font color=green>密码设置完成！<font>";						
					}
				}else{
					$("objTd1").innerHTML = "<img src='<c:out value="${path}"/>/images/register/no.gif'>&nbsp;&nbsp;<font color=red>请您设置登录密码！<font>";					
				}
			},
			checkRePassword:function(){
				var reUserPassword = $("reUserPassword").value;
				if(reUserPassword != ""){
					if(reUserPassword.length < 6 || reUserPassword.length > 20){
						if($("userPassword").value != ""){
							$("objTd2").innerHTML = "<img src='<c:out value="${path}"/>/images/register/no.gif'>&nbsp;&nbsp;<font color=red>密码长度设置不一致，请重新输入！<font>";	
							$("reUserPassword").value = "";							
						}else{
							$("objTd2").innerHTML = "<img src='<c:out value="${path}"/>/images/register/no.gif'>&nbsp;&nbsp;<font color=red>请先设置登录密码！<font>";	
							$("reUserPassword").value = "";					
						}					
					}else{
						if($("reUserPassword").value == $("userPassword").value){
							$("objTd2").innerHTML = "<img src='<c:out value="${path}"/>/images/register/ok.gif'>&nbsp;&nbsp;<font color=green>密码检测通过！<font>";						
						}else{
							$("objTd1").innerHTML = "<img src='<c:out value="${path}"/>/images/register/no.gif'>&nbsp;&nbsp;<font color=red>请重新设置密码！<font>";
							$("objTd2").innerHTML = "<img src='<c:out value="${path}"/>/images/register/no.gif'>&nbsp;&nbsp;<font color=red>密码设置不一致，请重新输入！<font>";
							$("userPassword").value = "";
							$("reUserPassword").value = "";										
						}
					}
				}else{
					if($("userPassword").value != ""){
						$("objTd2").innerHTML = "<img src='<c:out value="${path}"/>/images/register/no.gif'>&nbsp;&nbsp;<font color=red>请您再输入一次密码！<font>";							
					}else{
						$("objTd2").innerHTML = "<img src='<c:out value="${path}"/>/images/register/no.gif'>&nbsp;&nbsp;<font color=red>请先设置登录密码！<font>";					
					}			
				}						
			},
			checkPerNo:function(){
				var perNo = $("perNo").value;			
				if(perNo != ""){
					//显示进度条
		  			loading.start();
					var XMLHttpRequest = new org.XMLHttpRequest();				
					XMLHttpRequest.type = "txt";
					XMLHttpRequest.rtnFunction = function(ajax){
						if(ajax.responseText=="true"){
							$("objTd3").innerHTML = "<img src='<c:out value="${path}"/>/images/register/ok.gif'>&nbsp;&nbsp;<font color=green>恭喜你，工号检测通过！<font>";												
						}else{
							$("objTd3").innerHTML = "<img src='<c:out value="${path}"/>/images/register/no.gif'>&nbsp;&nbsp;<font color=red>该工号已经注册了，请重新输入！<font>";						
							$("perNo").value = "";
						}
						//进度条消失
		  				loading.end();										
					}
					XMLHttpRequest.catchException =	function(ex,ajax){
						alert(ex.message);
						//进度条消失
		  				loading.end();						
					}
					XMLHttpRequest.param = {perNo:perNo};
					XMLHttpRequest.url = "<c:out value="${path}"/>/register.htm?method=checkPerNo&dataTime="+(new Date()).getTime();					
					XMLHttpRequest.load();											 	
				}else{
					$("objTd3").innerHTML = "<img src='<c:out value="${path}"/>/images/register/no.gif'>&nbsp;&nbsp;<font color=red>请输入您的工号！<font>";				
				}
			},						
			checkUserNo:function(){
				var userNo = $("userNo").value;			
				if(userNo != ""){
					if(userNo.length < 6 || userNo.length>20){
						$("obj").innerHTML = "<img src='<c:out value="${path}"/>/images/register/no.gif'>&nbsp;&nbsp;<font color=red><label>登录帐号不符合设置规则！</label><font>";						
					}else{
						//显示进度条
			  			loading.start();
						var XMLHttpRequest = new org.XMLHttpRequest();				
						XMLHttpRequest.type = "txt";
						XMLHttpRequest.rtnFunction = function(ajax){
							if(ajax.responseText=="true"){
								$("obj").innerHTML = "<img src='<c:out value="${path}"/>/images/register/ok.gif'>&nbsp;&nbsp;<font color=green>恭喜你，用户帐号未被占用！<font>";												
							}else{
								$("obj").innerHTML = "<img src='<c:out value="${path}"/>/images/register/no.gif'>&nbsp;&nbsp;<font color=red>帐号已经被占用了，请重新输入！<font>";						
								$("userNo").value = "";
							}
							//进度条消失
			  				loading.end();										
						}
						XMLHttpRequest.catchException =	function(ex,ajax){
							alert(ex.message);
							//进度条消失
			  				loading.end();						
						}
						XMLHttpRequest.param = {userNo:userNo};
						XMLHttpRequest.url = "<c:out value="${path}"/>/register.htm?method=checkUserNo&dataTime="+(new Date()).getTime();					
						XMLHttpRequest.load();					
					}											 	
				}else{
					$("obj").innerHTML = "<img src='<c:out value="${path}"/>/images/register/no.gif'>&nbsp;&nbsp;<font color=red>请设置登录帐号！<font>";				
				}
			},
			proChange:function(){
				$("groupName").value="";
				$("groupId").value="";
				//显示进度条
		  		loading.start();				
				var proNo = $("productNo").value;
				var XMLHttpRequest = new org.XMLHttpRequest();				
				XMLHttpRequest.type = "txt";
				XMLHttpRequest.rtnFunction = function(ajax){				
					var divNo,divName;
					var sel = document.getElementById("divisionNo");					
					sel.options.length=0;					
					var dataStr = ajax.responseText;  //从java文件传回的值
					var divInfo = eval(dataStr);				
					for(var i=0;i<divInfo.length;i++){
						var subDivInfo=divInfo[i];
						divNo = subDivInfo.divisionNo;							
						divName = subDivInfo.divisionName;
						sel.add(new Option(divName,divNo));    
					}
					//进度条消失
	  				loading.end();									
				}
				XMLHttpRequest.catchException =	function(ex,ajax){
					alert(ex.message);
					//进度条消失
	  				loading.end();						
				}
				XMLHttpRequest.param = {productNo:proNo};
				XMLHttpRequest.url = "register.htm?method=divisionView";					
				XMLHttpRequest.load();		   								
			},
			divChange:function(){
				$("groupName").value="";
				$("groupId").value="";			
			},
			saveCommit:function(){
				if($("costCenter").value==""){
					alert("成本中心号不能为空!");
					return;
				}
				if(oForm.check()){
					if($("userPassword").value == $("reUserPassword").value){				
						document.regForm.submit();					
					}else{
						$("objTd2").innerHTML = "<img src='<c:out value="${path}"/>/images/register/no.gif'>&nbsp;&nbsp;<font color=red>密码输入不一致，请重新输入！<font>";											
						$("userPassword").value = "";
						$("reUserPassword").value = "";
					}
				}
			},
			group:function(){
				var divisionNo = $("divisionNo").value;			
			    //showx = event.screenX - event.offsetX +200 ; // + deltaX; 
		        //showy = event.screenY - event.offsetY + 20; // + deltaY; 
		        var k = showModalDialog("<c:out value="${path}"/>/register.htm?method=groupView&divisionNo="
		        +divisionNo,window, "dialogWidth:400px; dialogHeight:450px;resizable:yes");
		        if(!(k == null || k.length == 0)){
					document.getElementById("groupId").value = k[0];
					document.getElementById("groupName").value=k[1];
					document.getElementById("costCenter").value=k[2];			        
		        }
			}			
		}
	}(); 	
</script>
分享到：
| 腾讯之梦：Powered by QQ
评论
2 楼 java10000 2011-07-21  
龙拳鬼步 写道
这段代码好熟悉。。。敢问楼主copy哪的？

嘿嘿，这个是我写的，咋了
1 楼 龙拳鬼步 2011-07-20  
这段代码好熟悉。。。敢问楼主copy哪的？
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    详解javascript函数写法大全

    下面，我们将详细介绍几种常见的JavaScript函数写法，并给出示例代码。 1. 常规函数定义 常规函数定义是最基本的函数写法，使用function关键字定义函数，后跟函数名和一对圆括号，函数体用花括号括起来。 示例代码...

    100多个很有用的javascript函数以及基础写法集合

    JavaScript 函数和基础写法大集合 JavaScript 是一种广泛应用于 Web 开发的编程语言，下面...这些是 JavaScript 中的一些常用的函数和基础写法，掌握这些知识点可以帮助开发者更好地使用 JavaScript 进行 Web 开发。

    js中匿名函数的N种写法

    最常见的匿名函数写法是立即执行函数表达式（Immediately Invoked Function Expression, IIFE）。这种写法确保函数在声明后立即执行，不会污染全局作用域。例如： ```javascript (function() { alert('water');...

    javascript函数速查手册

    JavaScript函数是编程语言的核心组成部分，尤其在Web开发中起着至关重要的作用。这份"JavaScript函数速查手册"涵盖了JavaScript函数的各个方面，旨在帮助开发者快速查找和理解各种函数的用法和特性。 一、函数基础 ...

    javascript中函数的写法实例代码详解

    1. JavaScript函数的基本写法 JavaScript函数可以通过function关键字来定义。基本语法结构如下： ```javascript function 函数名() { // 函数体 } ``` 例如： ```javascript function myFunction() { console.log...

    100多个很有用的JavaScript函数以及基础写法汇总

    本文将详细介绍从给定文件中提炼出的一些JavaScript基础知识和常见函数。 1. `document.write("")` 是一个输出语句，常用于向HTML文档中动态插入内容。 2. 注释在JavaScript中可以使用 `//` 开始一行注释，或者 `/*...

    js闭包写法学习demo

    JavaScript中的闭包是一种非常重要的概念，它在编程中起着至关重要的作用，特别是在函数式编程和模块化设计中。闭包本质上是函数能够记住并访问其词法作用域内变量的能力，即使该函数在其词法作用域外部被调用。在...

    NPApi 控件调用JavaScript函数

    综上所述，NPAPI控件调用JavaScript函数是通过定义回调机制，监听用户输入和鼠标事件，然后利用NPAPI接口调用网页上的JS函数来实现的。在这个过程中，需要注意浏览器兼容性以及安全性问题，因为NPAPI已经被大多数...

    Javascript中匿名函数的调用与写法实例详解(多种)

    JavaScript中的匿名函数是一种没有名称的函数，通常用于一次性执行或者作为其他表达式的一部分。它们在JavaScript编程中扮演着重要角色，特别是在回调、闭包和模块化等场景中。以下是各种匿名函数的调用与写法的详细...

    JavaScript ES6函数式编程入门经典_javascript_

    JavaScript ES6函数式编程是现代Web开发中的重要概念，它为开发者提供了更高效、更简洁的编程方式。本文将深入探讨ES6中的函数式编程特性，帮助初学者掌握这一核心技能。 1. **箭头函数**：箭头函数是ES6引入的一种...

    CSDN官方js函数大全

    CSDN官方发布的这个“js函数大全”集合了JavaScript中的各种常见函数，对于学习和查阅JavaScript功能具有极大的帮助。下面我们将深入探讨其中的一些重要知识点。 1. **变量与数据类型**： JavaScript支持动态类型...

    js自执行函数的几种不同写法的比较

    错误的自执行函数写法： ```javascript function() {alert(1);}(); ``` 问题出在JavaScript的解析规则上。当解析器遇到`function`关键字时，它默认将其解释为函数声明，而不是函数表达式。函数声明后面不能直接跟圆...

    IE、FF的JS兼容写法

    在JavaScript编程中，IE（Internet Explorer）和FF（Firefox）是两种主要的浏览器，它们对JS（JavaScript）的实现存在一些差异，导致某些代码在其中一个浏览器中可能无法正常工作。这篇博客文章“IE、FF的JS兼容写法...

    js写法规范.docx

    JS 编写规范是前端开发中必不可少的一部分，它不仅可以提高团队协作效率和代码维护性，还可以输出高质量的文档。以下是 JS 编写规范的要点： 一、规范目的 JS 编写规范的主要目的是为了提高团队协作效率和代码维护...

    表单校验(构造函数的写法)

    在JavaScript中，构造函数是一种特殊类型的函数，主要用于创建和初始化一个新的对象。当我们使用`new`关键字调用一个函数时，这个函数就作为构造函数执行，返回一个新对象。在这个过程中，我们可以设置新对象的属性...

    JS 中可以提升幸福度的小技巧(可以识别更多另类写法)

    JS（JavaScript）是广泛用于网页开发的一种编程语言。在日常开发中，掌握一些实用的编程小技巧，不仅能提高开发效率，还可以使代码更加优雅和健壮。接下来，我们将详细介绍一些JS中的小技巧，这些技巧有助于提升编程...

    js 回调函数

    这种方法假设你需要为你的回调函数使用不同的签名，例如 Ajax.Net 的专家们允许你在回调中使用额外的参数，如果你想从一个换到另外一个并且保持兼容性的话，就要用到下面的写法： 方法四：使用匿名函数 第四种办法...

    浅谈箭头函数写法在ReactJs中的使用

    在ReactJs中，箭头函数是一种简洁且直观的...总的来说，正确配置Babel和理解其工作原理是使用现代JavaScript语法，尤其是箭头函数在React项目中至关重要的。遵循上述步骤，你就能愉快地在React组件中使用箭头函数了。

Magicbox
Global site tag (gtag.js) - Google Analytics