Archivlink: javarea.de Forum > JavaScript > Radiobutton und Checkbox
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Radiobutton und Checkbox

Pages: [1]
geschrieben von Herbert1204 am 22.09.2009 - 21:31
Hallo
Ich möchte das untenstehende Skript gern mit Checkbox und Radiobutton nutzen. Leider weiß ich nicht wie das Skript für die Fehlermeldung geschrieben werden muß.
Könnt Ihr mir dabei helfen? Hier ist das Skript:



<SCRIPT LANGUAGE="JavaScript">
<!--
// (C) 2002 Klaus Hentschel [ All rights reserved ].
// e-mail: kh@javarea.de
// www: http://www.javarea.de

function validate_form() {
validity = true;
if (!check_empty(document.form.AUO.value)){ /* Funktion Namen (Abfrage) */
validity = false;
show('Layer1');show('Layer2'); /* zeige Fehler */
}
if (!check_email(document.form.NAME.value)){ /* Funktion EMail (Abfrage) */
validity = false;
show('Layer1');show('Layer3'); /* zeige Fehler */
}
if (!check_url(document.form.EMAIL.value)){ /* Funktion URL (Abfrage) */
validity = false;
show('Layer1');show('Layer4'); /* zeige Fehler */
}
if (!check_empty(document.form.DESCRIPTION.value)){ /* Funktion Comment (Abfrage) */
validity = false;
show('Layer1');show('Layer5'); /* zeige Fehler */
}
if (validity);
return validity; /* alle Angaben waren korrekt */
}
function check_empty(text) {
return (text.length > 0); /* gibt false zurück wenn leer */
}
function check_email(address) { /* Email muss (@ und .) enthalten */
if ((address == "") || (address.indexOf ('@') == -1) || (address.indexOf ('.') == -1))
return false;
return true;

}
function check_url(address) { /* URL muss (http:// und .) enthalten */
if ((address == "") || (address.indexOf ('http://') == -1) || (address.indexOf ('.') == -1))
return false;
return true;
}
if (((navigator.appName == "Netscape") && (parseInt(navigator.appVersion.substring(0,1)) >=3))
|| ((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion.substring(0,1)) >=4)))

{var version=true}

if (document.layers){ /* Browserabfrage: Layer-Object bekannt? */
ns = 1; ie = 0;
}else{
ns = 0; ie = 1;
}
function show(name) {if (ns){ /* Funktion Schicht anzeigen */
document.layers['' + name].visibility = "show";
}else{
document.all['' + name].style.visibility = "visible";
}
}
function hide(name) { /* Funktion Schicht verstecken */
if (ns){
document.layers['' + name].visibility = "hide";
}else{
document.all['' + name].style.visibility = "hidden";
}
}
// -->
</SCRIPT>

<font class="stn"><b>Besitzt Du ein Auto?</b></font><br>
<input type="radio" name="Auto" value="ja">ja
<input type="radio" name="Auto" value="nein">nein


<form name="form" method="post" action="mailto:Ihre@mail.de?SUBJECT=Betreff für die Mail" enctype="text/plain" onSubmit="return validate_form(this.form)">
<font class="stn"><b>Name:</b></font><br>
<input type="text" size=40 name="NAME"><br>
<input type="text" size=40 name="AUO" style="color:white; background-color:white; border-color:white; border-style:solid;"><br>

<font class="stn"><b>Email:</b></font><br>
<input type="text" size=40 name="EMAIL"><p>

<font class="stn"><b>URL:</b></font><br>
<input type="text" size=40 name="URL"><p>

<font class="stn"><b>Nutzungsbedingungen:</b></font><br>
<input type="checkbox" name="DESCRIPTION"><p>

<input type="submit" onclick="hide('Layer1');hide('Layer2');hide('Layer3');hide('Layer4');hide('Layer5')" name="submit" value="Senden"> <input type="reset" onclick="hide('Layer1');hide('Layer2');hide('Layer3');hide('Layer4');hide('Layer5')" value="Reset"><div style="position:absolute; width:450; height:100; z-index:1; left:0; top:300; visibility: show; visibility: visible">

<DIV style="visibility:hide;visibility:hidden;">
<div ID="Layer1" style="width:500px; height:200px; position:absolute; left:10px; top:65px; z-index:1; visibility:hidden;">
<font color="red"><b>Fehler:</b></font>
</DIV>
<div ID="Layer2" style="width:500px; height:200px; position:absolute; left:10px; top:80px; z-index:1; visibility:hidden;">
Du mu&szlig;t eine Angabe &uuml;ber das Auto machen.
</DIV>
<div ID="Layer3" style="width:500px; height:200px; position:absolute; left:10px; top:95px; z-index:1; visibility:hidden;">
Bitte Name angeben!
</DIV>
<div ID="Layer4" style="width:500px; height:200px; position:absolute; left:10px; top:110px; z-index:1; visibility:hidden;">
E-Mail nicht korrekt!
</DIV>
<div ID="Layer5" style="width:500px; height:200px; position:absolute; left:10px; top:125px; z-index:1; visibility:hidden;">
Du mu&szlig;t noch die Nutzungsbedingungen zustimmen!</DIV>
</DIV>
</DIV>

geschrieben von Danny am 23.09.2009 - 09:42
Hi,
hab dir dein Script ein bisschen angepasst sodass es mit deinen Radiobuttons/Checkboxen funktioniert.

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 
44: 
45: 
46: 
47: 
48: 
49: 
50: 
51: 
52: 
53: 
54: 
55: 
56: 
57: 
58: 
59: 
60: 
61: 
62: 
63: 
64: 
65: 
66: 
67: 
68: 
69: 
70: 
71: 
72: 
73: 
74: 
75: 
76: 
77: 
78: 
79: 
80: 
81: 
82: 
83: 
84: 
85: 
86: 
87: 
88: 
89: 
90: 
91: 
92: 
93: 
94: 
95: 
96: 
97: 
98: 
99: 
100: 
101: 
102: 
103: 
104: 
105: 
106: 
107: 
108: 
109: 
110: 
111: 
112: 
113: 
114: 
115: 
116: 
117: 
118: 
119: 
120: 
121: 
122: 

<SCRIPT LANGUAGE="JavaScript">
<!--
// (C) 2002 Klaus Hentschel [ All rights reserved ].
// e-mail: kh@javarea.de
// www: http://www.javarea.de  

function validate_form() {

validity = true; 

if ((check_radio(document.form.Auto[0]) == false) && (check_radio(document.form.Auto[1])  == false)){ /* Funktion Namen (Abfrage) */
validity = false;
show('Layer1');show('Layer2'); /* zeige Fehler */
}
if (!check_empty(document.form.NAME.value)){ /* Funktion Namen (Abfrage) */
validity = false;
show('Layer1');show('Layer3'); /* zeige Fehler */
}
if (!check_email(document.form.EMAIL.value)){ /* Funktion EMail (Abfrage) */
validity = false; 
show('Layer1');show('Layer4'); /* zeige Fehler */
}
if (!check_url(document.form.URL.value)){ /* Funktion URL (Abfrage) */
validity = false;
show('Layer1');show('Layer5'); /* zeige Fehler */
}
if (!check_checkbox(document.form.DESCRIPTION.checked)){ /* Funktion Comment (Abfrage) */
validity = false; 
show('Layer1');show('Layer6'); /* zeige Fehler */
}
if (validity);
return validity; /* alle Angaben waren korrekt */
}
function check_empty(text) {
	return (text.length > 0); /* gibt false zurück wenn leer */
}
function check_email(address) { /* Email muss (@ und .) enthalten */
if ((address == "") || (address.indexOf ('@') == -1) || (address.indexOf ('.') == -1))
return false;
return true;

}
function check_url(address) { /* URL muss (http:// und .) enthalten */
if ((address == "") || (address.indexOf ('http://') == -1) || (address.indexOf ('.') == -1))
return false;
return true;
}
function check_radio(r, v) {
return (r.checked); /* gibt false zurück wenn nicht übergebener Wert */
}
function check_checkbox(r) {
return (r); /* gibt false zurück wenn nicht übergebener Wert */
}
if (((navigator.appName == "Netscape") && (parseInt(navigator.appVersion.substring(0,1)) >=3))
|| ((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion.substring(0,1)) >=4)))

{var version=true}

if (document.layers){ /* Browserabfrage: Layer-Object bekannt? */
ns = 1; ie = 0;
}else{
ns = 0; ie = 1;
}
function show(name) {if (ns){ /* Funktion Schicht anzeigen */
document.layers['' + name].visibility = "show";
}else{
document.all['' + name].style.visibility = "visible";
}
}
function hide(name) { /* Funktion Schicht verstecken */
if (ns){
document.layers['' + name].visibility = "hide";
}else{
document.all['' + name].style.visibility = "hidden";
}
}
// -->
</SCRIPT>




<form name="form" method="post" action="mailto:Ihre@mail.de?SUBJECT=Betreff für die Mail" enctype="text/plain" onSubmit="return validate_form(this.form)">
<font class="stn"><b>Besitzt Du ein Auto?</b></font><br>
<input type="radio" name="Auto" value="ja">ja 
<input type="radio" name="Auto" value="nein">nein
<br>
<font class="stn"><b>Name:</b></font><br>
<input type="text" size=40 name="NAME"><br>
<input type="text" size=40 name="AUO" style="color:white; background-color:white; border-color:white; border-style:solid;"><br>

<font class="stn"><b>Email:</b></font><br>
<input type="text" size=40 name="EMAIL"><p>

<font class="stn"><b>URL:</b></font><br>
<input type="text" size=40 name="URL"><p>

<font class="stn"><b>Nutzungsbedingungen:</b></font><br>
<input type="checkbox" name="DESCRIPTION"><p>

<input type="submit" onclick="hide('Layer1');hide('Layer2');hide('Layer3');hide('Layer4');hide('Layer5');hide('Layer6')" name="submit" value="Senden"> <input type="reset" onclick="hide('Layer1');hide('Layer2');hide('Layer3');hide('Layer4');hide('Layer5')" value="Reset"><div style="position:absolute; width:450; height:100; z-index:1; left:0; top:300; visibility: show; visibility: visible">

<DIV style="visibility:hide;visibility:hidden;">
<div ID="Layer1" style="width:500px; height:200px; position:absolute; left:10px; top:65px; z-index:1; visibility:hidden;"> 
<font color="red"><b>Fehler:</b></font>
</DIV>
<div ID="Layer2" style="width:500px; height:200px; position:absolute; left:10px; top:80px; z-index:1; visibility:hidden;"> 
Du mu&szlig;t eine Angabe &uuml;ber das Auto machen.
</DIV>
<div ID="Layer3" style="width:500px; height:200px; position:absolute; left:10px; top:95px; z-index:1; visibility:hidden;"> 
Bitte Name angeben!
</DIV>
<div ID="Layer4" style="width:500px; height:200px; position:absolute; left:10px; top:110px; z-index:1; visibility:hidden;"> 
E-Mail nicht korrekt!
</DIV>
<div ID="Layer5" style="width:500px; height:200px; position:absolute; left:10px; top:125px; z-index:1; visibility:hidden;"> 
URL nicht korrekt!
</DIV>
<div ID="Layer6" style="width:500px; height:200px; position:absolute; left:10px; top:140px; z-index:1; visibility:hidden;"> 
Du mu&szlig;t noch die Nutzungsbedingungen zustimmen!</DIV>
</DIV>
</DIV>


Gruß Danny


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.