2016-07-04 14 views
0

Ich muss überprüfen, ob ein Datumswert leer ist, und wenn dies der Fall ist, zeigen Sie ein Popup an, dass dies der Fall ist.Ist es unmöglich, nach leeren Terminen auf OnClick zu suchen?

Mit ein wenig Suche kam ich mit einem Problem identisch mit mir, wo der Wert nie leer sein würde, da es auf einen Standard "mm/TT/JJJJ" Wert festgelegt wurde.

Die Antwort auf diese Frage kam mit einer JsFiddle, die einwandfrei funktionierte, aber als ich es in meinen Code einfügen wollte, konnte ich es nicht zum Laufen bringen. Hier ist mein Code:

     <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> 

Meine erste Vermutung war ein Problem mit der OnClick-Funktion, wie vielleicht aus irgendeinem Grund wäre es unmöglich, diese Funktion aufzurufen und nutzen. Also, womit ersetze ich es?

+0

Ihre HTML ziemlich ungültig – Victor

+0

Oh scheint, ja, schneide ich aus Versehen auf dem Javascript zu konzentrieren, einige Teile weg, lassen Sie mich es beheben – RazorFinger

+0

Sie überprüfen nur, wenn die „date“ Variable hat einen Wert. Ein leeres Datum könnte 01-01-1900 oder etwas Ähnliches sein, abhängig davon, woher das Datum stammt. – Joonas89

Antwort

2

Korrigieren Sie Ihre Element-ID in 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;">

+0

Ich verstehe nicht, die Antwort ist perfekt, aber funktioniert nicht in meinem Code, aus irgendeinem Grund. Ich habe versucht, es direkt auf meinen Code kopieren, und nichts ... Große Antwort obwohl, danke trotzdem – RazorFinger

+0

Was ist die Ausgabe, die Sie bekommen? –

+0

Die Konsole gelesen, dass "CheckEmpty() ist nicht definiert" – RazorFinger

1

Ich denke, es ein Problem mit der Rechtschreibung ist also

document.getElementById("ExpStartDateDate").value; 

wie diese

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

Hoffnung wird dieser Wille hilft.

Verwandte Themen