Невозможно проверить пустые даты OnClick?

Question

Мне нужно проверить, пусто ли значение даты, и если да, покажите всплывающее сообщение о том, что оно есть.

С небольшим количеством исканий вокруг я пришел с проблемой, идентичной моей, где значение никогда не было бы пустым, поскольку оно было зафиксировано на значение по умолчанию «мм/дд/гггг».

Ответ на этот вопрос пришел с 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> 

Мой первый предположение была проблема с функцией OnClick, а может быть, по какой-то причине было бы невозможно вызвать эту функцию и он работает. Итак, что я могу заменить?

Answer 1

Исправить идентификатор элемента в getElementById.

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

Я думаю, что есть проблема с написанием т.е.

document.getElementById("ExpStartDateDate").value; 

будет как этого

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

Надеется, что это помогает.