Datenschutzerklärung

Radio-Button ausgewählt?

Validome - Forum

Startseite Validome
RSS 2.0  
Sie sind nicht angemeldet. Atom 1.0  
Forum Home / Javascript-Forum /

Radio-Button ausgewählt?

  Beitrag schreiben
Autor
Beitrag Seiten: 1
jk296
Mitglied

Registriert: 28.02.2007
Beiträge: 22
Eine Frage hätte ich dann noch. Aus dem Code zur Überprüfung der Formulareingaben oder der E-Mail-Syntax kann ich mir das mit meinem Grundwissen (wenn überhaupt *g*) leider nicht herleiten. Finde dazu auch nicht wirklich was, selbst bei SELFHTML.

Es soll überprüft werden, ob ein Radio-Button (etwa von zwei Radio-Buttons) ausgewählt worden ist. Ansonsten Fehlermeldung.


27.03.2008 19:10:33
  Zitieren
Chiaki
Mitglied

Ort: Germany (81825)
Registriert: 23.12.2007
Beiträge: 95
Hallo,

schreibe die Funktion "checkForm()" einfach wie folgt um:

Code:

function checkForm() {
 if(!document.getElementById('anrede1').checked && !document.getElementById('anrede2').checked) {
  alert("Bitte eine Anrede festlegen!");
  document.getElementById('anrede1').focus();
  return false;
 }
 if(document.getElementById('username').value == "") {
  alert("Bitte Ihren Namen eingeben!");
  document.getElementById('username').focus();
  return false;
 }
 if(document.getElementById('wohnort').value == "") {
  alert("Bitte Ihren Wohnort eingeben!");
  document.getElementById('wohnort').focus();
  return false;
 }
 if(document.getElementById('alter').value == "") {
  alert("Bitte Ihr Alter eingeben!");
  document.getElementById('alter').focus();
  return false;
 }
 if(document.getElementById('email').value == "") {
  alert("Bitte Ihre E-Mail-Adresse eingeben!");
  document.getElementById('email').focus();
  return false;
 }
 if(!checkEmail(document.getElementById('email').value,false)) {
  alert("Bitte geben Sie eine korrekte E-Mail-Adresse ein!");
  document.getElementById('email').focus();
  return false;
 }
}

Die zugehörige HTML-Seite sieht dafür so aus (Beispiel!!):

Code:

<?php
header('Content-Type: text/html; charset="utf-8"');
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="Content-Script-Type" content="text/javascript">
  <meta http-equiv="Content-Style-Type" content="text/css">
  <meta http-equiv="Content-Language" content="de-DE">
  <title>DC.NET Testseite</title>
  <script src="./checkform.js" type="text/javascript"></script>
 </head>
 <body>
  <h1>DC.NET Testseite</h1>
  <hr>
  <form method="post" action="" onsubmit="javascript:return checkForm();">
   <p>Bitte geben Sie Ihre Daten ein.</p>
   <table>
    <tr>
     <td><p>Anrede: &nbsp; </p></td>
     <td><p><input id="anrede1" type="radio" name="anrede" value="1">
            <label for="anrede1">Herr</label>
            &nbsp;&nbsp;&nbsp;&nbsp;
            <input id="anrede2" type="radio" name="anrede" value="2">
            <label for="anrede2">Frau</label></p></td>
    </tr>
    <tr>
     <td><p><label for="username">Name:</label> &nbsp; </p></td>
     <td><p><input id="username" type="text" name="username"></p></td>
    </tr>
    <tr>
     <td><p><label for="wohnort">Wohnort:</label> &nbsp; </p></td>
     <td><p><input id="wohnort" type="text" name="wohnort"></p></td>
    </tr>
    <tr>
     <td><p><label for="alter">Alter:</label> &nbsp; </p></td>
     <td><p><input id="alter" type="text" name="alter"></p></td>
    </tr>
    <tr>
     <td><p><label for="email">E-Mail:</label> &nbsp; </p></td>
     <td><p><input id="email" type="text" name="email"></p></td>
    </tr>
   </table>
   <p><input type="submit" value="absenden"> &nbsp; <input type="reset" value="l&ouml;schen"></p>
  </form>
 </body>
</html>

>> Test-URL: http://dark-chiaki.net/test/00048672/

Greetings, Chiaki

Beitrag geändert von Chiaki (27.03.2008 19:30:53)


_______________________________________
Make sure You've read RFC 1855, before sending electronic mail,
start Chats, posting on Newsgroups or leave any Comments.
RFC 1855: Netiquette Guidelines <http://www.rfc1855.net/>

27.03.2008 19:30:12
http://www.rfc1855.net/ Zitieren
Seiten: 1   Beitrag schreiben
Wechsel zu

Die letzten Beiträge aus diesen Forum

Valid HTML 4.01