直接粘代码吧:
<html>
<head>
<title>Change of Person/Company Particulars</title>
<link href="css/style.css" rel="stylesheet" type="text/css"></link>
</head>
<body οnlοad="">
<table width="100%" id="basicInformation" border="0" cellpadding="1" cellspacing="0">
<tr>
<!-- Apply Date -->
<td width="130" class="content_field">Apply Date*</td>
<td width="270" class="content_field_v">
<input class="inputDate" name="applyDateDay" size="2" maxlength="2" jump="Y" value='' dateFormat="day" alt="blank" displayName="Apply Date*" /> /
<input class="inputMonth" name="applyDateMonth" size="2" maxlength="2" jump="Y" value='' dateFormat="month" alt="blank"/> /
<input class="inputYear" name="applyDateYear" size="4" maxlength="4" value='' dateFormat="year" alt="blank"/>
</td>
</tr>
</table>
</body>
</html>
<script type="text/javascript" >
addEventOnTime();
function focusOnNext(_element)
{
nowIndex = _element.sourceIndex;
//alert("nowindex"+nowIndex);
var maxStep = nowIndex+10;
//alert("allBody.length"+document.all.length);
for (var i=nowIndex+1;i<document.all.length;i++)
{
//alert(i);
if (i>maxStep)
{
return true;
}
var nextElement = document.all[i];
if (isTextBox(nextElement))
{
try
{
nextElement.focus();
nextElement.select();
return true;
}
catch(e){continue;}
}
}
}
function moveToNext()
{
//alert("moveToNext");
try
{
var element = window.event.srcElement;
//alert(element);
if (element)
{
var len =element.value.length;
//alert(len);
var mlen = element.maxLength;
if (len>0 && mlen>0 && len==mlen)
{
if (!(event.keyCode==9 ||event.keyCode==16))
{
//alert(event.keyCode);
focusOnNext(element); //tab and shift+tab won't jump to next
}
}
}
}
catch(e){}
}
function isTextBox(element)
{
return(
(((element.tagName.toUpperCase()=="INPUT"&& element.type.toUpperCase()=="TEXT")||(element.tagName.toUpperCase()=="TEXTAREA"))
&&(element.readOnly==false&&element.disabled==false))
||
(element.tagName.toUpperCase()=="SELECT" && element.disabled==false)
)
}
function addEventOnTime()
{
var inputElements = document.body.getElementsByTagName("INPUT");
for(var i=0;i<inputElements.length;i++)
{
var element = inputElements[i];
//alert(element);
enableAutoJump(element);
/*
if (element!=null && element.jump=="Y")
{
element.onkeyup = new Function( "moveToNext()" );
}
*/
}
}
function enableAutoJump(element)
{
if (element!=null && element.jump=="Y")
{
element.onkeyup = new Function( "moveToNext()" );
}
}
</script>