现在的位置: 首页 > 综合 > 正文

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

2014年02月28日 ⁄ 综合 ⁄ 共 1867字 ⁄ 字号 评论关闭

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

抱歉!评论已关闭.