Ergebnis 1 bis 5 von 5

Thema: Checkboxen überprüfen

  1. #1
    HTML Newbie
    Registriert seit
    09.07.2012
    Beiträge
    7
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Ausrufezeichen Checkboxen überprüfen

    Guten Tag

    Ich bin gerade an einer Homepage dran. Es sollte ein Formular werden aus 3 Teilen, beim ersten Teil kann man die Unterordnung wählen, um was es gehen soll.

    Dort habe ich 4 Checkboxen. Nun möchte ich machen, dass wenn man den Absenden/Überprüfen Button klickt, es weiter geht ABER nur wenn mindestens eine Checkbox angeklickt wurde.

    Falls keine Checkbox angeklickt wurde möchte ich, dass oben ein roter Text (Error Message) kommt, wie z.B "sie müssen zuerst eine Checkbox auswählen"

    Wäre dies machbar?

    bis jetzt siehts so aus: (am anfang sind die checkboxen, nacher kommt das formular etc.)

    HTML-Code:
    <html>
    
    <head><title>Formulare</title>
    
    <script type="text/javascript">
    
    function checkForm() {
    
      var strFehler='';
    
      if (document.forms[0].firma.value=="")
    
        strFehler += "Feld Firma ist leer!\n";
    
      if (document.forms[0].ansprech.value=="")
    
        strFehler += "Feld Ansprechsperson ist leer!\n";
    
      if (document.forms[0].tel.value.length<10)
    
        strFehler += "Feld Telefon ist nicht korrekt ausgefüllt!\n";
    
      if (!validEmail(document.forms[0].email.value)) {
    
        strFehler += "Die E-Mail Adresse ist falsch!\n";
    
      if (document.forms[0].text.value=="")
    
        strFehler += "Bitte beschreiben Sie das Problem!";
    
      }  
    
      if (strFehler.length>0) {
    
        alert("Festgestellte Probleme: \n\n"+strFehler);
    
        return(false);
    
      }
    
    }
    
    function validEmail(email) {
    
      var strReg = "^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$";
    
      var regex = new RegExp(strReg);
    
      return(regex.test(email));
    
    }
    
    function check() {
            document.write("checked: " + document.form.cb.checked);
        }
    
    
    </script>
    
    </head>
    
    <body>
    
    <form action='anmelden.php' onsubmit='return checkForm()'>
    
    <h2>Formular</h2>
    
        <input type ="checkbox" name="tele"  id="cb" onclick="check();"/>&nbsp;&nbsp;Telesysteme<br />
                    <input type ="checkbox" name="video" id="cb"  onclick="check();"/>&nbsp;&nbsp;Videosysteme<br />
                    <input type ="checkbox" name="patient" id="cb"  onclick="check();"/>&nbsp;&nbsp;Patientenrufsysteme<br  />
                    <input type ="checkbox" name="anderes" id="cb"  onclick="check();"/>&nbsp;&nbsp;Anderes Thema<br />  <p>
    
                    <input type="button" value="Überprüfen"><br>
    
    <hr noshade width="100%">
    <br>
    <p>Was wollen Sie?</p>
        <input type ="checkbox" name="wollen" />&nbsp;&nbsp;Gesamtsystem<br />
                    <input type ="checkbox" name="wollen" />&nbsp;&nbsp;Endgeräte<br />
                    <input type ="checkbox" name="wollen" />&nbsp;&nbsp;Software<br /><p>
                    <input type='submit' value='Absenden'/><br>
    
    
    <p>
    <p>Was für ein System haben Sie?</p>
    Modell:
      <select>
        <option value="wert1">HP
        <option value="wert2">Dell
        <option value="wert3">Acer
        <option value="wert3">Asus
      </select>
    <br>
    <p>
    Marke: 
     <select>
        <option value="wert1">pro
        <option value="wert2">super
        <option value="wert3">low
      </select>
    <p>
    <input type='submit' value='Absenden'/>
    
    <hr noshade width="100%">
    <br>
    
    <table border="0" cellpadding="5" cellspacing="0" >
    <tr>
    
    <td align="right">Firma: &nbsp; 
    <td><input name='firma' type="text" size="30" maxlength="30">
    <align="right">&nbsp; &nbsp; Ansprechsperson: &nbsp; 
    <input name='ansprech' type="text" size="30" maxlength="30"></td>
    </tr>
    <tr>
    <td align="right">Telefon: &nbsp; 
    <td><input name='tel' type="text" size="30" maxlength="15">
    <align="right">&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;E-Mail: &nbsp; 
    
    <input name='email' type="text" size="30" maxlength="30">
    </form>
    </tr>
    <tr>
    <td align="right" valign="top">Problem:</td>
    <td><textarea name='text' rows="10" cols="66"></textarea></td>
    </tr>
    <tr>
    <td align="right">Formular:</td>
    <td>
    <p><p><input type='submit' value='Absenden'/>
    <input type="reset" value=" Abbrechen"></p></p>
    </td>
    </tr>
    </table>
    </form>
    
    </body>
    
    </html>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Bandit
    Gast

    Standard AW: Checkboxen überprüfen

    Das könnte man mit Hilfe von google innerhalb von 30 Sekunden selber herausfinden!
    Code:
    if (!document.forms[0].tele.checked &&
          !document.forms[0].video.checked &&
          !document.forms[0].patient.checked &&
          !document.forms[0].anderes.checked
         )
          strFehler += "Keine Auswahl!\n";

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    09.07.2012
    Beiträge
    7
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Checkboxen überprüfen

    nein, ich meine keine Popup-Meldung sondern eine vom unteren Formular unabhängige Error Message

    Das heisst, eine rote Nachricht ober oder unterhalb der Checkboxen

  4. #4
    Bandit
    Gast

    Standard AW: Checkboxen überprüfen

    Auch das lässt sich mit google ruckzuck finden!

    Code:
    <div id="checkboxmsg" style="display:none; font-weight:bold; color:#ff0000">Bitte Auswahl treffen!<br></div>
    Code:
    if (!document.forms[0].tele.checked &&
        !document.forms[0].video.checked &&
        !document.forms[0].patient.checked &&
        !document.forms[0].anderes.checked)
       document.getElementById('checkboxmsg').style.display='block'
    else
       document.getElementById('checkboxmsg').style.display='none'

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    09.07.2012
    Beiträge
    7
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Checkboxen überprüfen

    Vielen Dank, habe es geschafft
    Geändert von Elija Betschart (09.07.2012 um 11:12 Uhr)

Ähnliche Themen

  1. Checkboxen in Where Abfrage
    Von .Shanii im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 4
    Letzter Beitrag: 19.04.2010, 10:11
  2. Checkboxen
    Von Tobse im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 17
    Letzter Beitrag: 29.03.2010, 18:08
  3. Checkboxen mit $GET
    Von CHoTlMaL im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 7
    Letzter Beitrag: 12.04.2007, 20:39
  4. Checkboxen (Kontrollkästchen)
    Von Gast123 im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 02.11.2006, 17:50
  5. Checkboxen
    Von Nilos007 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 13.02.2006, 11:07

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •