Zum Inhalt springen
View in the app

A better way to browse. Learn more.
Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Themen

Zugriff von JavaScript auf ein Formular

Flitz
in Webdesign

Empfohlene Antworten

Veröffentlicht

Servus Leute!

Ich hab ein fertiges Formular erstellt! Dort sind jede Menge Flder enthalten wo man allmögliches zeug eingeben soll!

Ganz am schluss ist ein "radio"-Button. Dort soll man den allgemeinen Geschäftsbedinungen zustimmen. Wenn dieser Button leer ist (als Value Wert hab ich akzeptiert eingetragen) soll ein Feld aufpopen: "Sie..akzeptieren".

Wie muss mein JavaScript Code aussehen???

ich bekomme die Vergnüpfung vom Formaulr zum Script nicht hin!!!

BITTE HELFT MIR!!!! ;)

z.B. mit document.formname.feldname.value.

bzw. document.formname.feldname.checked

Abfragen mit

if (document.formname.feldname.value=="Irgendein Wert")

{

alert "blablaquark";

}

bzw.

if (document.formname.feldname.checked==true)

{

alert "blablaquark";

}

  • Autor

So wie du gesagt hast geht es immer noch nicht!

also so sieht jetzt mein JavaScript aus:

<script language="JavaScript">

document.anmeldung.geschaeftsbedinungen.value.

if (document.anmeldung.geschaeftsbedinungen.value=="")

{

alert

"Sie müssen die Geschäftsbedinungen akzeptieren";

}

else

</script>

und so sieht mein Formular aus:

<form name="anmeldung" action="mailto:emailadresse" method="post" enctype="text/plain">>

<table border="0" cellspacing="0" width="817">

<tr>

...

<td width="273">

<p align="right"><input type="radio" value="akzeptiert" name="geschaeftsbedinungen"></td>

<td width="536"><font face="Futura Bk BT">Hiermit erkenne ich die <a href="geschaeftsbedinungen.htm" target="_blank">

text</a> an. <i><font color="#808080">text englsich.</font></i></font></td>

</tr>

</table>

<p align="center"><input type="submit" value="Abschicken" name="Status"><font face="Futura Bk BT"><b><input type="reset" value="Zurücksetzen" name="B2"></b></font></p>

</form>

ok! ich geb ja zu der code sit relativ durcheinader! ist halt mit FP gemacht! ich arbeite halt jetzt grad im Code-Editer von FP weiter!

was mache ich falsch???

kann ich eigentlich den "Betreff" der zu versenden Email also mit dem angegeben Inhalt ändern??? bzw. selbst bestimmen?? weil des sit jetzt so n Standard Text!!

HI,

was mache ich falsch???

ne menge ;)

<html>


<head>

<script language="JavaScript">

<!--


function pruef_formular(formularinhalt) 


{

if (document.anmeldung.geschaeftsbedinungen.checked==true)

{


return(true)


}


if (document.anmeldung.geschaeftsbedinungen.checked==false)


{

alert ("Sie müssen die Geschäftsbedinungen akzeptieren");

return(false);

}


}


-->

</script>


</head>

<body>


<form name="anmeldung" action="mailto:test@test.de?subject=Betreff" 

method="post" enctype="text/plain"> onSubmit="return pruef_formular 

anmeldung)">


<input type="radio" name="geschaeftsbedinungen" value="AGB OK" >

Hiermit erkenne ich die 

<a href="geschaeftsbedinungen.htm" target="_blank">Geschäftsbedinungen</a> an. 


<input type="submit" name="Status" value="Abschicken">

</form>


</body>



</html>

kann ich eigentlich den "Betreff" der zu versenden Email also mit dem angegeben Inhalt ändern???

bzw. selbst bestimmen?? weil des sit jetzt so n Standard Text!!

"mailto:test@test.de?subject=Betreff"

für "Betreff" einfach den Betreff eingeben

wobei ich aber von dieser lösung abraten würde da hier der versand der mail vom client übernommen wird und so das formular nicht auf jedem rechner läuft.

es benötigt ein vom browser aus ansprechbares mailprog wie z.b. outlook das auch konfig. sein muss.:(

wenn dieses formular wichtig ist würde ich zu einer ASP/PHP lösung mit nem formmailer raten.

  • 2 Wochen später...
  • Autor

so hier ist der Code...

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<meta http-equiv="Content-Language" content="de">

<meta name="COMPANY" ...">

<meta name="COPYRIGHT" content="...">

<title>...</title>

<script language="JavaScript">

function pruef_formular(formularinhalt)

{

if (document.anmeldung.geschaeftsbedinungen.checked==true)

{

return(true)

}

if (document.anmeldung.geschaeftsbedinungen.checked==false)

{

alert ("Sie müssen die Geschäftsbedingungen akzeptieren");

return(false);

}

}

</script>

</head>

<body bgcolor="#FFFFFF" text="#000000" link="#000000" vlink="#000000" alink="#000000">

<table border="0" width="100%" cellspacing="0">

<tr>

<td width="100%">

<p align="center"><img border="0" src="phoenix.jpg" width="322" height="122"></td>

</tr>

<tr>

<td width="100%"><font face="Futura LtCn BT" size="6">Anmeldeformular</font></td>

</tr>

<tr>

<td> </td>

</tr>

<tr>

<td align="left">

<form name="anmeldung" action="mailto:email@emailadresse.de?subject=DE_Anmeldung für Seminar" method="post" enctype="text/plain">

onSubmit="return pruef_formular(anmeldung)">

<table border="0" cellspacing="0" width="817" height="446">

<tr>

<td width="407" height="40">

<p style="word-spacing: 0; margin-top: 0; margin-bottom: 0"><font face="Futura Bk BT">Hiermit buche ich meine</font></p>

<p style="word-spacing: 0; margin-top: 0; margin-bottom: 0"><font face="Futura Bk BT">verbindliche Teilnahme am

Seminar:</font></p>

</td>

<td width="406" height="40"><select size="1" name="Seminare">

<option>bitte auswählen</option>

<option>verschiede Auswahlmöglichkeiten</option>

</select></td>

</tr>

<tr>

<td width="813" colspan="2" bordercolor="#000000" height="21"></td>

</tr>

<tr>

<td width="273" height="25"><font face="Futura Bk BT">Termin</font></td>

<td width="536" height="25"><input type="text" name="termin" size="46"></td>

</tr>

<tr>

<td width="273" height="21"><font face="Futura Bk BT">Seminarsprache</font></td>

<td width="536" height="21"><select size="1" name="sprache">

<option>Deutsch</option>

<option>Englisch</option>

</select></td>

</tr>

<tr>

<td width="813" colspan="2" height="21"> </td>

</tr>

<tr>

<td width="273" height="25"><font face="Futura Bk BT">Name/Vorname</font></td>

<td width="536" height="25"><input type="text" name="name" size="21"><input type="text" name="vorname" size="21"></td>

</tr>

<tr>

<td width="273" height="25"><font face="Futura Bk BT">Gesellschaft</font></td>

<td width="536" height="25"><input type="text" name="gesellschaft" size="46"></td>

</tr>

<tr>

<td width="273" height="25"><font face="Futura Bk BT">Abteilung</font></td>

<td width="536" height="25"><font face="Futura Bk BT"><input type="text" name="abteilung" size="46"></font></td>

</tr>

<tr>

<td width="273" height="25"><font face="Futura Bk BT">Funktion</font></td>

<td width="536" height="25"><font face="Futura Bk BT"><input type="text" name="funktion" size="46"></font></td>

</tr>

<tr>

<td width="273" height="25"><font face="Futura Bk BT">Straße /

Hausnummer</font></td>

<td width="536" type="text" name="strasse" size="45" <input height="25"><font face="Futura Bk BT"><input type="text" name="strasse" size="39"><input type="text" name="hausnummer" size="3"></font></td>

</tr>

<tr>

<td width="273" height="25"><font face="Futura Bk BT">PLZ/Ort</font></td>

<td width="536" height="25">

<p style="word-spacing: 0; margin-left: 0; margin-right: 0; margin-top: 0"><font face="Futura Bk BT"><input type="text" name="plz" size="21"><input type="text" name="T1" size="21"></font></td>

</tr>

<tr>

<td width="273" height="25"><font face="Futura Bk BT">Land</font></td>

<td width="536" height="25"><font face="Futura Bk BT"><input type="text" name="land" size="46"></font></td>

</tr>

<tr>

<td width="273" height="25"><font face="Futura Bk BT">Telefon</font></td>

<td width="536" height="25"><font face="Futura Bk BT"><input type="text" name="telefon" size="46"></font></td>

</tr>

<tr>

<td width="273" height="25"><font face="Futura Bk BT">Fax</font></td>

<td width="536" height="25"><input type="text" name="fax" size="46"></td>

</tr>

<tr>

<td width="273" height="25"><font face="Futura Bk BT">E-Mail</font></td>

<td width="536" height="25"><input type="text" name="email" size="46"></td>

</tr>

<tr>

<td width="813" colspan="2" height="21"><font face="Futura Bk BT"> </font></td>

</tr>

<tr>

<td width="809" height="40" align="left" colspan="2">

<p align="left" style="word-spacing: 0; text-indent: 0; line-height: 100%; margin: 0"><input type="radio" value="AGB ok" name="geschaeftsbedinungen">

<font face="Futura Bk BT">TEXT...<a href="geschaeftsbedinungen_de.htm" target="_blank">

TEXT...font></td>

</tr>

</table>

<p align="center"><input type="submit" value="Abschicken" name="status"><font face="Futura Bk BT"><b><input type="reset" value="Zurücksetzen" name="B2"></b></font></p>

</form>

</td>

</tr>

</table>

</body>

</html>

Bis jetzt sieht es so aus das ich ein Formular habe, das man natürlich ausfüllt (durch Eingabe und Auswahl aus DropDownMenüs) und dann durch einen Klick auf "Abschicken" an eine bestimmte Emailadresse schickt!

Wenn man die Geschäftsbedinungen nicht akzeptiert kommt ein Popu mit einer Art Fehlermeldung!

Nun benötige ich noch eine Bestätigung für das versendete Formular! In welchen Format ist egal! Also ob erneutes Popup oder Email etc...

Das andere, das ich die Daten eines DroppDownMenüs mit einem anderen Verknüpf wird whl nicht gehen! na ja! nicht so schlimm!

und die Warnung vom IE lässt sich ja anscheinend auch nicht umgehen!

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Zur Themenliste gehen

Configure browser push notifications
Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.