[JavaScript] Pflichtfeld Bildupload

Dieses Thema im Forum "Webentwicklung" wurde erstellt von SidDasFaultier, 4. März 2012 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 4. März 2012
    Pflichtfeld Bildupload

    Hey Community,

    stehe mal wieder vor einem Problem.

    Und zwar möchte ich ein Bilduploadfeld per Javascript überprüfen lassen.
    Es muss ausgefüllt sein, wenn nicht kommt eine Meldung das man es aufüllen soll.

    Ich habe 2 Auswahlfelder bereits mit so einem Script. Aber ich schaffs einfach nicht mit dem Bildupload.

    Hier mal der Code mit den bisherigen Auswahlfeldern:

    Code:
    onsubmit="if(this.elements['akzeptieren'].checked)
    {if(this.elements['bestaetigen'].checked)
    {return true;}
    else
    {alert('Bestaetigen Sie den Antrag!');return false;}
    }
    else
    {alert('Akzeptieren Sie die Teilnahmebedingungen!');return false;};
    und hier das Bilduploadfeld:

    HTML:
    <input id="bild1" size="47" name="bild1" type="file" />
    Vielen Dank für eure Hilfe!
     
  2. 4. März 2012
    AW: Pflichtfeld Bildupload

    [G]javascript check checkbox[/G]
     
  3. 4. März 2012
    AW: Pflichtfeld Bildupload

    Das mit den Ckeckboxes funktioniert doch...ich brauch das fürs Uploadfeld...
     
  4. 4. März 2012
    AW: Pflichtfeld Bildupload

    das geht nur in neueren browsern. du kannst es mit .value probieren, sicher ist aber .files.length

    du kannst aber auch die neuen html5-form-controls verwenden:

    HTML:
    <input type="file" required />
    dann validiert der browser das für dich.
     
  5. 4. März 2012
    AW: Pflichtfeld Bildupload

    Verlesen sorry.

    @Murdoc: .val() o.ä. geht doch auch in älteren Browsern (wenn man JQuery benutzt, gibt sicherlich auch etwas ohne Library)?
     
  6. 4. März 2012
    AW: Pflichtfeld Bildupload

    naja, soweit ich weiß gibt .value bei type="file" aus sicherheitsgründen nicht wirklich was brauchbares zurück.

    // ok, gibt den basename der gewählten datei zurück
    // getter geht, setter streikt
     
  7. 4. März 2012
    AW: Pflichtfeld Bildupload

    setter wär auch ein bisschen krass, könntest ja uploaden, was du willst, solange du den Dateinamen/-ort weißt
     
  8. 5. März 2012
    AW: Pflichtfeld Bildupload

    Ich versteh nur Bahnhof -.-

    ..aber ich hab es jetzt gelöst^^

    Code:
    <script type="text/javascript">
    function chkFormular()
    {
     // Auf Inhalt prüfen -> Pflichtfelder
     if (document.forms[0].bild1.value == "") {alert("Sie müssen mindesten 1 Bild hochladen!");return false;}
    
     if(this.elements['akzeptieren'].checked)
     {if(this.elements['bestaetigen'].checked)
     {return true;}
     else
     {alert('Bestaetigen Sie den Antrag!');return false;}
     }
     else
     {alert('Akzeptieren Sie die Teilnahmebedingungen!');return false;};
    }
    </script>
    ...habe jetzt eine Funktion geschrieben und den value von bild1 überprüfen lassen.

    Trotzdem Vielen Dank!
     
  9. 5. März 2012
    AW: Pflichtfeld Bildupload

    HTML:
    if (document.getElementById("bild1").value.length <= 0){
     alert('keine datei zum upload ausgewählt!');
    }
    
     
  10. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.