<!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)后会显示出错误提示,可是显示不出来。
深入浅出中的一段代码,我也查不出来,希望有牛人帮忙
<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)后会显示出错误提示,可是显示不出来。
深入浅出中的一段代码,我也查不出来,希望有牛人帮忙
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;
}
}
这样试试~··
http://baike.baidu.com/view/1089298.htm看看~··
<form onsubmit="return checkDate()">
函数在js文件里面
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;
}
}
{
errormessage="please provide a date.";
return false;//这里也加
}