1. 程式人生 > >jsp中javascript驗證日期格式

jsp中javascript驗證日期格式

<%@ page contentType="text/html;charset=gb2312"%>
<html>
 <head>
  <title>RegTest</title>
  <script type="text/javascript" language="javascript">
  function dateCheck(str){
      var re = new RegExp("^([0-9]{1,2})[.-]{1}([0-9]{1,2})[.-]{1}([0-9]{4})$");
      var ar;
      var res = true;
     
      if ((ar = re.exec(str)) != null){
          var i;
          i = parseFloat(ar[1]);
          // verify dd
          if (i <= 0 || i > 31){
              res = false;
          }
          i = parseFloat(ar[2]);
          // verify mm
          if (i <= 0 || i > 12){
              res = false;
          }
      }else{
          res = false;
      }
      if (!res){
          alert('請輸入DD-MM-YYYY日期格式');
      }
      else{
       alert("success");
      }
      return res;
  }
  </script>
 <body>
 <center>
  <form name="datecheck" method="POST"
   onsubmit="return dateCheck(this.date.value);">
   <table border="0" cellpadding="8" cellspacing="0" width="50%">
    <tr>
     <td align="right" nowrap>
      日 期:(DD-MM-YYYY):
     </td>
     <td>
      <input type=text name="date" size="25">
     </td>
    </tr>
    <tr>
     <td class="center" colspan="2">
     <center>
      <input type=submit value="傳送">
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type=reset value="重寫">
     </center>
     </td>
    </tr>
   </table>
  </form>
 </body>
</html>