中国IT动力,最新最全的IT技术教程
最新100篇 | 推荐100篇 | 专题100篇 | 排行榜 | 搜索 | 在线API文档 | 网通镜像
首 页 | 程序开发 | 操作系统 | 软件应用 | 图形图象 | 网络应用 | 精文荟萃 | 教育认证 | 硬件维护 | 未整理篇 | 站长教程
ASP JS PHP工程 ASP.NET 网站建设 UML J2EESUN .NET VC VB VFP 网络维护 数据库 DB2 SQL2000 Oracle Mysql
服务器 Win2000 Office C DreamWeaver FireWorks Flash PhotoShop 上网宝典 CorelDraw 协议大全 网络安全 微软认证
硬件维护  CPU  主板  硬盘  内存  显卡  显示器  键盘鼠标  声卡音箱  打印机  机箱电源  BIOS  网卡  C#  Java  Delphi  vs.net2005
  当前位置:> 程序开发 > Web开发 > JavaScripts > Forms
输入日期之改进模式
作者:huche 时间:2001-11-24 11:17 出处:互联网 责编:chinaitpower
              摘要:输入日期之改进模式

输入日期之改进模式

    当表单中含有日期输入时,以前的做法通常是由用户输入年月日,然后再对用户输入的数据进行校验。现在我要介绍的一种方法就是,让用户只能输入有效日期,从而无需再在客户端对日期的有效性进行检查。
function foption(N){
var i,N,str,M;
str="";
for(i=1;i<=N;i++)
  {if(i<10) str="<option value='0"+i+"'>"+"0"+i+"</option>";
   else str="<option value='"+i+"'>"+i+"</option>";  
      document.write(str);
  } 
}

function changeri(){
var nian,yue,ri;
ri=31;
yue=form1.selmonth .value ;
if(yue=="04" || yue=="06" || yue=="09" || yue=="11")
  ri=30;
if(yue=="02")
  {nian=form1.selyear.value;
  if((nian%4==0 && nian%100!=0) || nian%400==0)
     ri=29;
   else ri=28;  
  }
 flen=form1.selday .length ;
 form1.selday.length =ri;
 i=flen+1;
 for(i;i<=ri;i++)
   {
    form1.selday .options(i-1).text=i;
    form1.selday .options(i-1).value=i;
   }
}

    以上两个函数是用来初始化表单和改变表单中日期的可选值的。如果你看懂了上面的程序,您稍作改动即可实现更大范围的年份的输入。下面是表单部分代码:
<form name="form1" acrion="" method="post">
 <select name="selyear" onchange="javascript:changeri();">
         <script language="javascript">foption(12);</script>
        </select>年<select name="selmonth" onchange="javascript:changeri();">
         <script language="javascript">foption(12);</script>
        </select>月<select name=selday>
         <div id=selday><script language="javascript">foption(31);</script></div>
        </select>日
</form>
    如果你还有不明白的地方可以email给我:girstalker@163.com。类似的,还有城市的输入,如果您有兴趣,欢迎和我一起探讨! 
     

关闭本页
 
首页 | 投资与合作 | 服务条款 | 隐私政策 | 收藏本站 | 设为首页 | 新用户注册 | 免责声明 | 使用帮助
Copyright ©2005-2008 chinaitpower.com All rights reserved. www.chinaitpower.com 版权所有