2016-09-21 69 views
0

基本上我希望用戶在輸入日期輸入類型=「日期」,它將檢查,如果輸入日期是12/14 /2016.它會顯示一個警報,因爲12是最高的月份和類似的檢查天它與30和31取決於一年的月份。但是當我輸入31/9/2016它不顯示警報!!一個JavaScript代碼,將檢查在文本框中輸入的有效值爲幾天和幾個月

<html> 
 
<head> 
 
    <title> 
 
     Date format Checking 
 
    </title> 
 

 
</head> 
 

 
<body> 
 
    <h1>Enter Date in Valid Formats:</h1> 
 
    <input type="text" id="dat" name="date" /> 
 
    <input type="submit" value="Go" name="submit" onclick="datecheck();" /> 
 
    <script> 
 
     var dats; 
 
     function datecheck() { 
 
      debugger; 
 
      dats = document.getElementById("dat").value.split("/"); 
 
      if (dats[1] > 12) { 
 
       alert("Invalid Date Format"); 
 
       return false; 
 
      } 
 
      else { 
 
       if (dats[1] == 1 || 3 || 5 || 7 || 8 || 10 || 12) { 
 
        if (dats[0] > 31) { 
 
         alert("Invalid Date Format"); 
 
        } 
 

 
       } else if (dats[0] > 30) { 
 
        alert("Invalid Date Format"); 
 

 

 
       } 
 
       else { 
 
        return true; 
 
       } 
 
      } 
 
     } 
 

 
    </script> 
 
</body> 
 
</html>

+0

month可能包含31天,所以使用if(dats [0]> = 31) – nmanikiran

回答

0

Juhana是正確的。以下代碼工作。

<html> 
<head> 
    <title> 
     Date format Checking 
    </title> 

</head> 

<body> 
    <h1>Enter Date in Valid Formats:</h1> 
    <input type="text" id="dat" name="date" /> 
    <input type="submit" value="Go" name="submit" onclick="datecheck();" /> 
    <script> 
     var dats; 
     function datecheck() { 
      debugger; 
      dats = document.getElementById("dat").value.split("/"); 
      if (dats[1] > 12) { 
       alert("Invalid Date Format"); 
       return false; 
      } 
      else { 
       if (dats[1] == 1 || dats[1] == 3 || dats[1] == 5 || dats[1] == 7 || dats[1] == 8 || dats[1] == 10 || dats[1] == 12) { 
        if (dats[0] > 31) { 
         alert("Invalid Date Format"); 
        } 

       } else if (dats[0] > 30) { 
        alert("Invalid Date Format"); 


       } 
       else { 
        return true; 
       } 
      } 
     } 

    </script> 
</body> 
</html> 
相關問題