怎么做一个验证两个text组件值大小的脚本

下面的text组件的onclick事件，可以使文本框点击后会弹出日历，选择后值的格式为2009-1-14，现在的问题是为什么我点击点击submit，它没有执行check脚本，我又应该如何对“开始日期”和结束日期进行比较呢？<form name="form1" onSubmit="javascript:Check()" method="get">
     开始日期
<input type="text" name="data_begin" readonly
onClick="javascript:ShowCalendar('data_begin')"/>
结束日期
<input type="text" name="data_end" readonly
onClick="javascript:ShowCalendar('data_end')"/>
     <input type="submit" value="Submit" />
</form>
<script>
   function Check()
   {
   if(data_begin.value>data_end.value)
   {
   alert("data_begin最大"+data_begin.value);
   }
   if(data_begin.value<data_end.value)
   {
   alert("data_end最大"+data_end.value);
   }
   else
   {
   alert("无法判断");
   }
   }
</script>

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
     <script>
    function than(){
    var checkStartDate = document.getElementById("begin").value;   
         var checkEndDate =  document.getElementById("end").value;   
         var arys= new Array();   
         var startdate=new Date(arys[0],parseInt(arys[1]-1),arys[2]);    
         if(checkStartDate != null && checkEndDate != null) {   
        arys=checkStartDate.split('-');   
          var startdate=new Date(arys[0],parseInt(arys[1]-1),arys[2]);    
            arys=checkEndDate.split('-');   
    var checkEndDate=new Date(arys[0],parseInt(arys[1]-1),arys[2]);    
    if(startdate > checkEndDate) {   
        alert("你的开始日期开始时间大于结束时间啦");   
            return;   
            }   
        }   }
    </script> </HEAD><BODY onload="test()">
    beginTime <input type="text" id="begin" value="10">
    endTime  <input type="text" id="end" value="20">
    <input type="button" onclick="than()" value="比较">
     </BODY>
    </HTML>
      

  2.   

    <form name="form1" onSubmit="return Check()" method="get">
            开始日期
            <input type="text" name="data_begin" readonly
            onClick="javascript:ShowCalendar('data_begin')"/>
            结束日期
            <input type="text" name="data_end" readonly
            onClick="javascript:ShowCalendar('data_end')"/>
            <input type="submit" value="Submit" />
    </form>
    <script>
          function Check()
          {
              if(data_begin.value>data_end.value)
              {
              alert("data_begin最大"+data_begin.value);
              }
              if(data_begin.value<data_end.value)
              {
              alert("data_end最大"+data_end.value);
              }
              else
              {
              alert("无法判断");
              }
              return true;
          }
    </script>
      

  3.   


    <form name="form1" onSubmit="return Check()" method="get">
            开始日期
            <input type="text" name="data_begin"  id="data_begin"  readonly
            onClick="javascript:ShowCalendar('data_begin')"/>
            结束日期
            <input type="text" name="data_end" id="data_end" readonly
            onClick="javascript:ShowCalendar('data_end')"/>
            <input type="button" value="Submit"  onclick="Check()"/>
    </form>
    <script language="javascript">
          function Check()
          {
              var data_begin = document.getElementById("data_begin");
              var data_end = document.getElementById("data_end");         
              if(data_begin.value>data_end.value)
              {
              alert("data_begin最大"+data_begin.value);
              }
              else if(data_begin.value<data_end.value)
              {
              alert("data_end最大"+data_end.value);
              }
              else
              {
              alert("无法判断");
              }
              return true;
          }
    </script>