空の日付を確認することは不可能ですか？OnClick？

Question

私は、日付の値が空であるかどうかを確認する必要があり、それがある場合は、それがあることを言ってポップアップを表示します。私の周りに検索のビットで

は、それがデフォルトの「YYYY/MM/DD」の値に固定されたように値は、空になることはない鉱山と同一の問題、付属しました。

その質問への答えは、私は私のコードに挿入しようとしたとき、私はそれが仕事を得ることができませんでした、しかし、完璧に働いたJsFiddleに付属しています。ここに私のコードは次のとおりです。

     <tr> 
         <td colspan="2"> <input type="Date" name='ExpStartDate' style="font-size: 8pt; width: 130px; height: 30px; font-weight:bold; font-size:12px; display:none" id=ExpStartDate style='display:none;'></td> 
         </br> 
         </tr> 

         <tr> 
         <td> 
           <input class="botao" name="submitButton" type="submit" value="Update" onclick="CheckEmpty()" style="width: 120px;"> 
         </td> 
         </tr> 

         <SCRIPT language=JavaScript type="text/javascript"> 
         function CheckEmpty(){ 
         var date = document.getElementById("ExpStartDate").value; 
         if (!date) { 
         alert("No value!") 
         } 
       } 
     </script> 

私の最初の仮定は、おそらくいくつかの理由でこの関数を呼び出すと、それが動作することは不可能なように、クリック時の機能に問題でした。だから、私はそれを何と置き換えるのですか？私はすなわち

document.getElementById("ExpStartDateDate").value; 

この

<SCRIPT language=JavaScript type="text/javascript"> 
        function CheckEmpty(){ 
        var date = document.getElementById("ExpStartDate").value; 
        if (!date) { 
        alert("No value!") 
        } 
      } 
    </script> 

のようになりますあなたのスペルに問題があると思い

Answer 1

はgetElementByIdであなたの要素IDを修正します。

function CheckEmpty() { 
 
    var date = document.getElementById("ExpStartDate").value; 
 
    console.log(date); 
 
    if (!date) { 
 
    alert("No value!") 
 
    } 
 
}

<input type="date" name='ExpStartDate' style="font-size: 8pt; width: 130px; height: 30px; font-weight:bold; font-size:12px" id="ExpStartDate"> 
 

 
<input class="botao" name="submitButton" type="submit" value="Update" onclick="CheckEmpty()" style="width: 120px;">

Answer 2

は、この意志がお役に立てば幸いです。