半神半圣亦半仙，全儒全道是全闲，脑中真书藏万贯，掌握文武半边天。
May
13
今天需要一个验证日期和时间格式的js脚本，到网上搜集并修改调整后，使用正常，记录如下，如有问题日后再更新补充，如有朋友需要尽管使用，如有问题请在此跟帖。
function isDate(oDateTime)
{
//对日期格式进行验证,要求为2000-2099年 格式为yyyy-mm-dd[ hh:mm:ss] 并且可以正常转换成正确的日期
var pat_hd=/^(20\d{2}-((0[1-9]{1})|(1[0-2]{1}))-((0[1-9]{1})|([1-2]{1}[0-9]{1})|(3[0-1]{1}))){1}((\s\d{2}:\d{2})|(\s\d{2}:\d{2}:\d{2}))?$/;
try{
if(!pat_hd.test(oDateTime)) throw "日期非法！";
var arr_dt=oDateTime.split(" ");
if(arr_dt[0]== "") throw "日期非法！";
var oDate=arr_dt[0];
var arr_hd=oDate.split("-");
var dateTmp;
dateTmp= new Date(arr_hd[0],parseFloat(arr_hd[1])-1,parseFloat(arr_hd[2]));
if(dateTmp.getFullYear()!=parseFloat(arr_hd[0]) || dateTmp.getMonth()!=parseFloat(arr_hd[1]) -1 || dateTmp.getDate()!=parseFloat(arr_hd[2])) throw "日期非法！ ";
if(arr_dt[1]!=null && arr_dt[1]!= "")
{
var oTime=arr_dt[1];
var arr_ht=oTime.split(":");
if (arr_ht[2]!=null)
dateTmp.setHours(arr_ht[0],arr_ht[1],arr_ht[2]);
else dateTmp.setHours(arr_ht[0],arr_ht[1]);
if(dateTmp.getHours()!=parseFloat(arr_ht[0]) || dateTmp.getMinutes()!=parseFloat(arr_ht[1])) throw "日期非法！";
if (arr_ht[2]!=null&&dateTmp.getSeconds()!=parseFloat(arr_ht[2])) throw "日期非法！";
}
}
catch(ex)
{
return false;
}
return true;
}
function isDate(oDateTime)
{
//对日期格式进行验证,要求为2000-2099年 格式为yyyy-mm-dd[ hh:mm:ss] 并且可以正常转换成正确的日期
var pat_hd=/^(20\d{2}-((0[1-9]{1})|(1[0-2]{1}))-((0[1-9]{1})|([1-2]{1}[0-9]{1})|(3[0-1]{1}))){1}((\s\d{2}:\d{2})|(\s\d{2}:\d{2}:\d{2}))?$/;
try{
if(!pat_hd.test(oDateTime)) throw "日期非法！";
var arr_dt=oDateTime.split(" ");
if(arr_dt[0]== "") throw "日期非法！";
var oDate=arr_dt[0];
var arr_hd=oDate.split("-");
var dateTmp;
dateTmp= new Date(arr_hd[0],parseFloat(arr_hd[1])-1,parseFloat(arr_hd[2]));
if(dateTmp.getFullYear()!=parseFloat(arr_hd[0]) || dateTmp.getMonth()!=parseFloat(arr_hd[1]) -1 || dateTmp.getDate()!=parseFloat(arr_hd[2])) throw "日期非法！ ";
if(arr_dt[1]!=null && arr_dt[1]!= "")
{
var oTime=arr_dt[1];
var arr_ht=oTime.split(":");
if (arr_ht[2]!=null)
dateTmp.setHours(arr_ht[0],arr_ht[1],arr_ht[2]);
else dateTmp.setHours(arr_ht[0],arr_ht[1]);
if(dateTmp.getHours()!=parseFloat(arr_ht[0]) || dateTmp.getMinutes()!=parseFloat(arr_ht[1])) throw "日期非法！";
if (arr_ht[2]!=null&&dateTmp.getSeconds()!=parseFloat(arr_ht[2])) throw "日期非法！";
}
}
catch(ex)
{
return false;
}
return true;
}
Apr
17
今天在工作中因为iframe的内容不固定，有时高有时低，需要让iframe自适应高度，于是在网上找到了如下解决方法，可以选择使用：
1.在包含Iframe的页面：
关键语句在于onload="this.height=this.document.body.scrollHeight"。
2.在包含Iframe的页面：
然后在每个要在Iframe中显示的页面底部加入
1.在包含Iframe的页面：
<iframe name="iframe1" src="main.jsp" width="557px" height="100%" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" onload="this.height=iframe1.contentWindow.document.body.scrollHeight"></iframe>
关键语句在于onload="this.height=this.document.body.scrollHeight"。
2.在包含Iframe的页面：
<iframe name="iframe1" src="main.asp" width="557px" height="100%" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" onload="getHeight()"></iframe>
然后在每个要在Iframe中显示的页面底部加入
<div id="End"></div>
<script language="JavaScript">
function getHeight(){
iframe1.height=document.getElementById("End").offsetTop+10;
}
</script>
<script language="JavaScript">
function getHeight(){
iframe1.height=document.getElementById("End").offsetTop+10;
}
</script>
Apr
8
/************************************************
* javascript正则表达式检验
*************************************************
*/
//校验以字母开头
var patn = /^[a-zA-Z]+[a-zA-Z0-9]+$/;
if(!patn.exec(document.regform.UserName.value)){
alert('会员登录名只能由英文字母或数字组成(不支持中文、不能以数字开头)。');
return false;
}
//校验是否全由数字组成
function isDigit(s)
{
var patrn=/^[0-9]{1,20}$/;
if (!patrn.exec(s)) return false;
return true;
}
//校验登录名：只能输入4-20个以字母开头、可带数字、“_”、“.”的字串
function isRegisterUserName(s)
{
var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){3,19}$/;
if (!patrn.exec(s)) return false;
return true;
}
//校验用户姓名：只能输入1-30个以字母开头的字串
function isTrueName(s)
{
var patrn=/^[a-zA-Z]{1,30}$/;
if (!patrn.exec(s)) return false;
return true;
}
//校验密码：只能输入6-20个字母、数字、下划线
function isPasswd(s)
{
var patrn=/^(\w){6,20}$/;
if (!patrn.exec(s)) return false;
return true;
}
//校验普通电话、传真号码：可以“+”开头，除数字外，可含有“-”
function isTel(s)
{
//var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?(\d){1,12})+$/;
var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/;
if (!patrn.exec(s)) return false;
return true;
}
//校验手机号码：必须以数字开头，除数字外，可含有“-”
function isMobile(s)
{
var patrn=/13[0,1,2,3,4,5,6,7,8,9]\d{8}/;
if (!patrn.exec(s)) return false;
return true;
}
//校验手机号码(移动)：必须以数字开头，除数字外，可含有“-”
function isCMCCMobile(s)
{
var patrn=/13[5,6,7,8,9]\d{8}/;
if (!patrn.exec(s)) return false;
return true;
}
//校验手机号码(联通)：必须以数字开头，除数字外，可含有“-”
function isUNICOMMobile(s)
{
var patrn=/13[0,1,2,3,4]\d{8}/;
if (!patrn.exec(s)) return false;
return true;
}
//校验邮政编码
function isPostalCode(s)
{
//var patrn=/^[a-zA-Z0-9]{3,12}$/;
var patrn=/^[a-zA-Z0-9 ]{3,12}$/;
if (!patrn.exec(s)) return false;
return true;
}
//校验搜索关键字
function isSearch(s)
{<BR> varpatrn=/^[^`~!@#$%^&*()+=|\\\][\]\{\}:;\'\,.<>/?]{1}[^`~!@$%^&()+=|\\\][\]\{\}:;\'\,.<>?]{0,19}$/;
if (!patrn.exec(s)) return false;
return true;
}
* javascript正则表达式检验
*************************************************
*/
//校验以字母开头
var patn = /^[a-zA-Z]+[a-zA-Z0-9]+$/;
if(!patn.exec(document.regform.UserName.value)){
alert('会员登录名只能由英文字母或数字组成(不支持中文、不能以数字开头)。');
return false;
}
//校验是否全由数字组成
function isDigit(s)
{
var patrn=/^[0-9]{1,20}$/;
if (!patrn.exec(s)) return false;
return true;
}
//校验登录名：只能输入4-20个以字母开头、可带数字、“_”、“.”的字串
function isRegisterUserName(s)
{
var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){3,19}$/;
if (!patrn.exec(s)) return false;
return true;
}
//校验用户姓名：只能输入1-30个以字母开头的字串
function isTrueName(s)
{
var patrn=/^[a-zA-Z]{1,30}$/;
if (!patrn.exec(s)) return false;
return true;
}
//校验密码：只能输入6-20个字母、数字、下划线
function isPasswd(s)
{
var patrn=/^(\w){6,20}$/;
if (!patrn.exec(s)) return false;
return true;
}
//校验普通电话、传真号码：可以“+”开头，除数字外，可含有“-”
function isTel(s)
{
//var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?(\d){1,12})+$/;
var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/;
if (!patrn.exec(s)) return false;
return true;
}
//校验手机号码：必须以数字开头，除数字外，可含有“-”
function isMobile(s)
{
var patrn=/13[0,1,2,3,4,5,6,7,8,9]\d{8}/;
if (!patrn.exec(s)) return false;
return true;
}
//校验手机号码(移动)：必须以数字开头，除数字外，可含有“-”
function isCMCCMobile(s)
{
var patrn=/13[5,6,7,8,9]\d{8}/;
if (!patrn.exec(s)) return false;
return true;
}
//校验手机号码(联通)：必须以数字开头，除数字外，可含有“-”
function isUNICOMMobile(s)
{
var patrn=/13[0,1,2,3,4]\d{8}/;
if (!patrn.exec(s)) return false;
return true;
}
//校验邮政编码
function isPostalCode(s)
{
//var patrn=/^[a-zA-Z0-9]{3,12}$/;
var patrn=/^[a-zA-Z0-9 ]{3,12}$/;
if (!patrn.exec(s)) return false;
return true;
}
//校验搜索关键字
function isSearch(s)
{<BR> varpatrn=/^[^`~!@#$%^&*()+=|\\\][\]\{\}:;\'\,.<>/?]{1}[^`~!@$%^&()+=|\\\][\]\{\}:;\'\,.<>?]{0,19}$/;
if (!patrn.exec(s)) return false;
return true;
}
Apr
8
框架编程概述
一个HTML页面可以有一个或多个子框架，这些子框架以
框架间的互相引用
一个页面中的所有框架以集合的形式作为window对象的属性提供，例如：window.frames就表示该页面内所有框架的集合，这和表单对象、链接对象、图片对象等是类似的，不同的是，这些集合是document的属性。因此，要引用一个子框架，可以使用如下语法：
window.frames["frameName"];
window.frames.frameName
window.frames[index]
其中，window字样也可以用self代替或省略，假设frameName为页面中第一个框架，则以下的写法是等价的：
self.frames["frameName"]
self.frames[0]
frames[0]
frameName
每个框架都对应一个HTML页面，所以这个框架也是一个独立的浏览器窗口，它具有窗口的所有性质，所谓对框架的引用也就是对window对象的引用。有了这个window对象，就可以很方便地对其中的页面进行操作，例如使用window.document对象向页面写入数据、使用window.location属性来改变框架内的页面等。
下面分别介绍不同层次框架间的互相引用：
1．父框架到子框架的引用
知道了上述原理，从父框架引用子框架变的非常容易，即：
window.frames["frameName"];
这样就引用了页面内名为frameName的子框架。如果要引用子框架内的子框架，根据引用的框架实际就是window对象的性质，可以这样实现：
window.frames["frameName"].frames["frameName2"];
这样就引用到了二级子框架，以此类推，可以实现多层框架的引用。
2．子框架到父框架的引用
每个window对象都有一个parent属性，表示它的父框架。如果该框架已经是顶层框架，则window.parent还表示该框架本身。
3．兄弟框架间的引用
如果两个框架同为一个框架的子框架，它们称为兄弟框架，可以通过父框架来实现互相引用，例如一个页面包括2个子框架：
<frameset rows="50%,50%">
<frame src="1.html" name="frame1" />
<frame src="2.html" name="frame2" />
</frameset>
在frame1中可以使用如下语句来引用frame2：
self.parent.frames["frame2"];
4．不同层次框架间的互相引用
框架的层次是针对顶层框架而言的。当层次不同时，只要知道自己所在的层次以及另一个框架所在的层次和名字，利用框架引用的window对象性质，可以很容易地实现互相访问，例如：
self.parent.frames["childName"].frames["targetFrameName"];
5．对顶层框架的引用
和parent属性类似，window对象还有一个top属性。它表示对顶层框架的引用，这可以用来判断一个框架自身是否为顶层框架，例如：
//判断本框架是否为顶层框架
if(self==top){
//dosomething
}
一个HTML页面可以有一个或多个子框架，这些子框架以
<iframe>
来标记，用来显示一个独立的HTML页面。这里所讲的框架编程包括框架的自我控制以及框架之间的互相访问，例如从一个框架中引用另一个框架中的JavaScript变量、调用其他框架内的函数、控制另一个框架中表单的行为等。框架间的互相引用
一个页面中的所有框架以集合的形式作为window对象的属性提供，例如：window.frames就表示该页面内所有框架的集合，这和表单对象、链接对象、图片对象等是类似的，不同的是，这些集合是document的属性。因此，要引用一个子框架，可以使用如下语法：
window.frames["frameName"];
window.frames.frameName
window.frames[index]
其中，window字样也可以用self代替或省略，假设frameName为页面中第一个框架，则以下的写法是等价的：
self.frames["frameName"]
self.frames[0]
frames[0]
frameName
每个框架都对应一个HTML页面，所以这个框架也是一个独立的浏览器窗口，它具有窗口的所有性质，所谓对框架的引用也就是对window对象的引用。有了这个window对象，就可以很方便地对其中的页面进行操作，例如使用window.document对象向页面写入数据、使用window.location属性来改变框架内的页面等。
下面分别介绍不同层次框架间的互相引用：
1．父框架到子框架的引用
知道了上述原理，从父框架引用子框架变的非常容易，即：
window.frames["frameName"];
这样就引用了页面内名为frameName的子框架。如果要引用子框架内的子框架，根据引用的框架实际就是window对象的性质，可以这样实现：
window.frames["frameName"].frames["frameName2"];
这样就引用到了二级子框架，以此类推，可以实现多层框架的引用。
2．子框架到父框架的引用
每个window对象都有一个parent属性，表示它的父框架。如果该框架已经是顶层框架，则window.parent还表示该框架本身。
3．兄弟框架间的引用
如果两个框架同为一个框架的子框架，它们称为兄弟框架，可以通过父框架来实现互相引用，例如一个页面包括2个子框架：
<frameset rows="50%,50%">
<frame src="1.html" name="frame1" />
<frame src="2.html" name="frame2" />
</frameset>
在frame1中可以使用如下语句来引用frame2：
self.parent.frames["frame2"];
4．不同层次框架间的互相引用
框架的层次是针对顶层框架而言的。当层次不同时，只要知道自己所在的层次以及另一个框架所在的层次和名字，利用框架引用的window对象性质，可以很容易地实现互相访问，例如：
self.parent.frames["childName"].frames["targetFrameName"];
5．对顶层框架的引用
和parent属性类似，window对象还有一个top属性。它表示对顶层框架的引用，这可以用来判断一个框架自身是否为顶层框架，例如：
//判断本框架是否为顶层框架
if(self==top){
//dosomething
}
