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

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()" >

分享到：

新个人所得税计算方法 | oracle 存储过程的基本语法

• 2008-09-02 15:45
• 浏览 12791
• 评论(1)
• 查看更多

评论

1 楼 wuxi15932077655 2009-06-10  

哥们好贴！　他们太吝啬　看完也不回帖　O(∩_∩)O~