通过javascript判断,onchange事件,判断event.keyCode来实现,手头没有实例.通常都是年/月/日三个文本框一起用,来实现的.

解决方案 »

  1.   

    那你就用三个文本框呗。分别来输入小时,分钟,秒。中间用“:”分隔。
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    </head><body>
    <form name="form1" method="post" action="">
      <input type="text" name="hour">
      : 
      <input type="text" name="minute">
      : 
      <input type="text" name="second">
    </form>
    </body>
    </html>
      

  2.   

    <form name="form1" method="post" action="" onSubmit="return chk()">
    <script>
    function chk(){
     var reg = /^\d{2}:\d{2}:\d{2}$/;
     if(!reg.test(form1.itime.value)){
      alert("Wrong!");
      form1.itime.focus();
      return false;
     }
     var num = form1.itime.value.split(":");
     if(parseInt(num[0]) > 24 || parseInt(num[1]) > 59 || parseInt(num[2]) > 59){
      alert("Wrong!");
      form1.itime.focus();
      return false;
     }
     return true;
    }
    function auto(obj){
     var l = obj.value.length;
     if(l == 2 || l == 5){
      obj.value += ":";
     }
    }
    </script>
    <input type="text" name="itime" onkeyUp="auto(this)">
    <input type="submit" value="Submit">
    </form>
    试试这个.