<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
.error{color:#FF0000;font-weight:bold;}
</style>
<script type="text/javascript" src="checkdate.js">
</script>
</head><body>
<h1>event search</h1>
<form onsubmit="return checkDate()">
  <p>
      <label for="date">date in the format DD/MM/YYYY:</label><br/>
 <input type="text" id="date" name="date"/>
 <input type="submit" value="check"/>
 <br/>(example 26/04/1988)<span class="error"></span>
   </p>
</form>
</body>
</html>
JS文件代码:
function checkDate(){
var datefield=document.getElementById('date');
var errorcontainer=datefield.parentNode.getElementByTagName('span')[0];
var checkpattern=new RegExp("\\d{2}/\\d{2}/\\d{4}");
var errormessage=" ";
         errorcontainer.firstChild.nodeValue=' ';
var datevalue=datefield.value;
if(datevalue==" ")
{
errormessage="please provide a date.";
}
else if(!checkpattern.test(datevalue))
{
errormessage="please provide a right date";
}
if(errormessage!=' ')
{
errorcontainer.firstChild.nodeValue=errormessage;
datefield.focus();
}
else
{
return true;
}
}
主要是想当输入错误日期的时候在(example 26/04/1988)后会显示出错误提示,可是显示不出来。
深入浅出中的一段代码,我也查不出来,希望有牛人帮忙

解决方案 »

  1.   

    errorcontainer.innerHTML=errormessage;
      

  2.   


    function checkDate(){
    var datefield=document.getElementById('date');
    var errorcontainer=document.getElementsByTagName('span')[0];
    var checkpattern=new RegExp("\\d{2}/\\d{2}/\\d{4}");
    var errormessage=" ";
            errorcontainer.innerHTML=' ';
    var datevalue=datefield.value;
    if(datevalue==" ")
    {
    errormessage="please provide a date.";
    }
    else if(!checkpattern.test(datevalue))
    {
    errormessage="please provide a right date";
    }
    if(errormessage!=' ')
    {
    errorcontainer.innerHTML=errormessage;
    datefield.focus();
    }
    else
    {
    return true;
    }

    这样试试~··
      

  3.   

    innerHTML请问这个是什么意思啊?
      

  4.   


    http://baike.baidu.com/view/1089298.htm看看~··
      

  5.   

    checkDate你这个函数是用什么事件触发的?还有没有别的JS代码?
      

  6.   

    <script type="text/javascript" src="checkdate.js">
    <form onsubmit="return checkDate()">
    函数在js文件里面
      

  7.   


    function checkDate(){
    var datefield=document.getElementById('date');
    var errorcontainer=document.getElementsByTagName('span')[0];
    var checkpattern=new RegExp("\\d{2}/\\d{2}/\\d{4}");
    var errormessage=" ";
            errorcontainer.innerHTML=' ';
    var datevalue=datefield.value;
    if(datevalue==" ")
    {
    errormessage="please provide a date.";
    }
    else if(!checkpattern.test(datevalue))
    {
    errormessage="please provide a right date";
    return false;//加return false;
    }
    if(errormessage!=' ')
    {
    errorcontainer.innerHTML=errormessage;
    datefield.focus();
    return false; //加return false;
    }
    else
    {
    return true;
    }
      

  8.   

    if(datevalue==" ")
    {
    errormessage="please provide a date.";
    return false;//这里也加
    }
      

  9.   

    是HTML全部代码和js全部代码吗?