- 浏览: 24215 次
- 性别:
- 来自: 深圳
最近访客 更多访客>>
最新评论
-
龙拳鬼步:
至于你信不信,我反正信了!
程序员的生活不缺乏乐趣 -
java10000:
<div class="quote_title ...
项目中JS函数的写法 -
龙拳鬼步:
这段代码好熟悉。。。敢问楼主copy哪的?
项目中JS函数的写法 -
newsjobs:
不好意思,才看到你的留言我给你发站内消息了,请查看
Aceona面试归来 -
JavaLanguageFun:
我们公司也用这些 ,但是EXT 确实性能方面 比较差。特别是 ...
总结一下近期项目中使用到一些框架技术
<%@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'> <font color=red>密码设置不符合规则!<font>"; $("userPassword").value=""; }else{ $("objTd1").innerHTML = "<img src='<c:out value="${path}"/>/images/register/ok.gif'> <font color=green>密码设置完成!<font>"; } }else{ $("objTd1").innerHTML = "<img src='<c:out value="${path}"/>/images/register/no.gif'> <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'> <font color=red>密码长度设置不一致,请重新输入!<font>"; $("reUserPassword").value = ""; }else{ $("objTd2").innerHTML = "<img src='<c:out value="${path}"/>/images/register/no.gif'> <font color=red>请先设置登录密码!<font>"; $("reUserPassword").value = ""; } }else{ if($("reUserPassword").value == $("userPassword").value){ $("objTd2").innerHTML = "<img src='<c:out value="${path}"/>/images/register/ok.gif'> <font color=green>密码检测通过!<font>"; }else{ $("objTd1").innerHTML = "<img src='<c:out value="${path}"/>/images/register/no.gif'> <font color=red>请重新设置密码!<font>"; $("objTd2").innerHTML = "<img src='<c:out value="${path}"/>/images/register/no.gif'> <font color=red>密码设置不一致,请重新输入!<font>"; $("userPassword").value = ""; $("reUserPassword").value = ""; } } }else{ if($("userPassword").value != ""){ $("objTd2").innerHTML = "<img src='<c:out value="${path}"/>/images/register/no.gif'> <font color=red>请您再输入一次密码!<font>"; }else{ $("objTd2").innerHTML = "<img src='<c:out value="${path}"/>/images/register/no.gif'> <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'> <font color=green>恭喜你,工号检测通过!<font>"; }else{ $("objTd3").innerHTML = "<img src='<c:out value="${path}"/>/images/register/no.gif'> <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'> <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'> <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'> <font color=green>恭喜你,用户帐号未被占用!<font>"; }else{ $("obj").innerHTML = "<img src='<c:out value="${path}"/>/images/register/no.gif'> <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'> <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'> <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>
评论
2 楼
java10000
2011-07-21
龙拳鬼步 写道
这段代码好熟悉。。。敢问楼主copy哪的?
嘿嘿,这个是我写的,咋了
1 楼
龙拳鬼步
2011-07-20
这段代码好熟悉。。。敢问楼主copy哪的?
相关推荐
下面,我们将详细介绍几种常见的JavaScript函数写法,并给出示例代码。 1. 常规函数定义 常规函数定义是最基本的函数写法,使用function关键字定义函数,后跟函数名和一对圆括号,函数体用花括号括起来。 示例代码...
JavaScript 函数和基础写法大集合 JavaScript 是一种广泛应用于 Web 开发的编程语言,下面...这些是 JavaScript 中的一些常用的函数和基础写法,掌握这些知识点可以帮助开发者更好地使用 JavaScript 进行 Web 开发。
最常见的匿名函数写法是立即执行函数表达式(Immediately Invoked Function Expression, IIFE)。这种写法确保函数在声明后立即执行,不会污染全局作用域。例如: ```javascript (function() { alert('water');...
JavaScript函数是编程语言的核心组成部分,尤其在Web开发中起着至关重要的作用。这份"JavaScript函数速查手册"涵盖了JavaScript函数的各个方面,旨在帮助开发者快速查找和理解各种函数的用法和特性。 一、函数基础 ...
1. JavaScript函数的基本写法 JavaScript函数可以通过function关键字来定义。基本语法结构如下: ```javascript function 函数名() { // 函数体 } ``` 例如: ```javascript function myFunction() { console.log...
本文将详细介绍从给定文件中提炼出的一些JavaScript基础知识和常见函数。 1. `document.write("")` 是一个输出语句,常用于向HTML文档中动态插入内容。 2. 注释在JavaScript中可以使用 `//` 开始一行注释,或者 `/*...
JavaScript中的闭包是一种非常重要的概念,它在编程中起着至关重要的作用,特别是在函数式编程和模块化设计中。闭包本质上是函数能够记住并访问其词法作用域内变量的能力,即使该函数在其词法作用域外部被调用。在...
综上所述,NPAPI控件调用JavaScript函数是通过定义回调机制,监听用户输入和鼠标事件,然后利用NPAPI接口调用网页上的JS函数来实现的。在这个过程中,需要注意浏览器兼容性以及安全性问题,因为NPAPI已经被大多数...
JavaScript中的匿名函数是一种没有名称的函数,通常用于一次性执行或者作为其他表达式的一部分。它们在JavaScript编程中扮演着重要角色,特别是在回调、闭包和模块化等场景中。以下是各种匿名函数的调用与写法的详细...
JavaScript ES6函数式编程是现代Web开发中的重要概念,它为开发者提供了更高效、更简洁的编程方式。本文将深入探讨ES6中的函数式编程特性,帮助初学者掌握这一核心技能。 1. **箭头函数**:箭头函数是ES6引入的一种...
CSDN官方发布的这个“js函数大全”集合了JavaScript中的各种常见函数,对于学习和查阅JavaScript功能具有极大的帮助。下面我们将深入探讨其中的一些重要知识点。 1. **变量与数据类型**: JavaScript支持动态类型...
错误的自执行函数写法: ```javascript function() {alert(1);}(); ``` 问题出在JavaScript的解析规则上。当解析器遇到`function`关键字时,它默认将其解释为函数声明,而不是函数表达式。函数声明后面不能直接跟圆...
在JavaScript编程中,IE(Internet Explorer)和FF(Firefox)是两种主要的浏览器,它们对JS(JavaScript)的实现存在一些差异,导致某些代码在其中一个浏览器中可能无法正常工作。这篇博客文章“IE、FF的JS兼容写法...
JS 编写规范是前端开发中必不可少的一部分,它不仅可以提高团队协作效率和代码维护性,还可以输出高质量的文档。以下是 JS 编写规范的要点: 一、规范目的 JS 编写规范的主要目的是为了提高团队协作效率和代码维护...
在JavaScript中,构造函数是一种特殊类型的函数,主要用于创建和初始化一个新的对象。当我们使用`new`关键字调用一个函数时,这个函数就作为构造函数执行,返回一个新对象。在这个过程中,我们可以设置新对象的属性...
JS(JavaScript)是广泛用于网页开发的一种编程语言。在日常开发中,掌握一些实用的编程小技巧,不仅能提高开发效率,还可以使代码更加优雅和健壮。接下来,我们将详细介绍一些JS中的小技巧,这些技巧有助于提升编程...
这种方法假设你需要为你的回调函数使用不同的签名,例如 Ajax.Net 的专家们允许你在回调中使用额外的参数,如果你想从一个换到另外一个并且保持兼容性的话,就要用到下面的写法: 方法四:使用匿名函数 第四种办法...
在ReactJs中,箭头函数是一种简洁且直观的...总的来说,正确配置Babel和理解其工作原理是使用现代JavaScript语法,尤其是箭头函数在React项目中至关重要的。遵循上述步骤,你就能愉快地在React组件中使用箭头函数了。