您现在的位置: 365建站网 > 365文章 > 利用javascript验证输入框中的值是否为日期格式

利用javascript验证输入框中的值是否为日期格式

文章来源:365jz.com     点击数:923    更新时间:2009-09-28 09:22   参与评论

1、判断是否为年月日时间格式

<script>

//去除字符串首尾空格
String.prototype.trim = function()
{
    return this.replace(/(^\s*)|(\s*$)/g, "");
}

//验证是否为日期
function validator(){ 
    if(isDate(document.all.demo1.value.trim())==false){
     document.all.demo1.select();
     return false;
    }
   
}

/**  
    判断输入框中输入的日期格式是否为 yyyy-mm-dd   或yyyy-m-d
  */  

function isDate(dateString){
  if(dateString.trim()=="")return true;
  //年月日正则表达式
  var r=dateString.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/);
        if(r==null){
   alert("请输入格式正确的日期\n\r日期格式:yyyy-mm-dd\n\r例    如:2008-08-08\n\r");
   return false;
  }
        var d=new Date(r[1],r[3]-1,r[4]);   
  var num = (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]);
  if(num==0){
   alert("请输入格式正确的日期\n\r日期格式:yyyy-mm-dd\n\r例    如:2008-08-08\n\r");
  }
  return (num!=0);
  

</script>
测试是否为年月日时间格式
 <input type='text' name='demo1'  >
 <br>
 <input type='button' name='demo2' value="确定" onclick="validator()" >

以上代码实现了验证年月日

2、判断是否为年月日时分秒时间格式

<script>

//去除字符串首尾空格
String.prototype.trim = function()
{
    return this.replace(/(^\s*)|(\s*$)/g, "");
}

//验证是否为日期
function validator(){ 
    if(isDate(document.all.demo1.value.trim())==false){
     document.all.demo1.select();
     return false;
    }
   
}

/**  
    判断输入框中输入的日期格式是否为年月日时分秒 即 yyyy-mm-dd hh:mi:ss
  */  

function isDate(dateString){
  if(dateString.trim()=="")return true;
  //年月日时分秒正则表达式
  var r=dateString.match(/^(\d{1,4})\-(\d{1,2})\-(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/);
        if(r==null){
   alert("请输入格式正确的日期\n\r日期格式:yyyy-mm-dd\n\r例    如:2008-08-08\n\r");
   return false;
  }
  var d=new Date(r[1],r[2]-1,r[3],r[4],r[5],r[6]);    
  var num = (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[2]&&d.getDate()==r[3]&&d.getHours()==r[4]&&d.getMinutes()==r[5]&&d.getSeconds()==r[6]);
  if(num==0){
   alert("请输入格式正确的日期\n\r日期格式:yyyy-mm-dd\n\r例    如:2008-08-08\n\r");
  }
  return (num!=0);
  

</script>
测试是否为年月日,时分秒的格式
 <input type='text' name='demo1'  >
 <br>
 <input type='button' name='demo2' value="确定" onclick="validator()" >

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛

发表评论 (923人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
昵称:
最新评论
------分隔线----------------------------

快速入口

· 365软件
· 杰创官网
· 建站工具
· 网站大全

其它栏目

· 建站教程
· 365学习

业务咨询

· 技术支持
· 服务时间:9:00-18:00
365建站网二维码

Powered by 365建站网 RSS地图 HTML地图

copyright © 2013-2024 版权所有 鄂ICP备17013400号