Block im Formular

kayLab · July 5, 2024 at 10:02 AM

Moin,

ich habe ein Problem. Wenn ich ein Bestell-Formular erstelle in dem der Redakteur zu bestellendes Prospektmaterial eintragen kann.

Kommt folgende Fehlermeldeung:

Die markierten Felder enthalten keine gültigen Werte.
Bitte tragen Sie gültige Werte ein.

Und das:

Verbindung zum Server verloren - es ist möglich, daß sich Ihre Dokumente nicht mehr speichern lassen. Bitte kopieren Sie den Inhalt zur Sicherheit in eine andere Anwendung und starten Sie webEdition neu!

Es hängt wahrscheinlich an der Formularprüfung.

Was mache ich falsch?

Code

<!-- Einleitung -->
<div class="grid-container">
	<div class="grid-x grid-padding-x">
		<div class="cell medium-10 medium-offset-1">
			<we:ifEditmode>
				<p class="rot">
					Hier wird die Überschrift eingefügt
				</p>
			</we:ifEditmode>
			<h1 class="headlineGruen">
				<we:input type="text" name="headline" size="60"/>
			</h1>
			<we:ifEditmode>
				<p class="rot">Hier wird der Text eingefügt</p>
			</we:ifEditmode>
			<div class="Lauftext">
				<we:textarea name="text" width="100%" height="200" wysiwyg="true" commands="bold,list,link,insertimage,removeformat,editsource" bgcolor="#ffffff" inlineedit="true" />
			</div>

			<we:ifEditmode>
				<p class="rot">Hier wird der Emailtext vor den Felder eingefügt</p>
				<we:textarea name="MailtextVorFeldern" width="100%" height="200" wysiwyg="true" commands="bold,list,link,insertimage,removeformat,editsource" bgcolor="#ffffff" inlineedit="true" />
			</we:ifEditmode>

			<we:ifEditmode>
				<p class="rot">Hier wird der Emailtext nach den Felder eingefügt</p>
				<we:textarea name="MailtextNachFeldern" width="100%" height="200" wysiwyg="true" commands="bold,list,link,insertimage,removeformat,editsource" bgcolor="#ffffff" inlineedit="true" />
			</we:ifEditmode>
		</div>
	</div>
</div>


<div class="grid-container">
	<div class="grid-x grid-padding-x">
		<div class="cell medium-10 medium-offset-1">

			
				<we:form type="formmail" data-abide="data-abide" novalidate="novalidate" pass_id="formmail" enctype="multipart/form-data" mimetype="text/html" remove="submit" recipient="xxx" from="xxx" confirmmail="true" required="Vorname,Nachname,email" subject="Infomaterial Bestellung" onerror="260" onsuccess="261" preconfirm="MailtextVorFeldern" postconfirm="MailtextNachFeldern">
					<we:ifNotEditmode>
						<fieldset>
						<legend>Persönliche Daten</legend>
						<div class="grid-x grid-padding-x">
							<div class="cell medium-12">
								<div data-abide-error class="alert callout" style="display: none;">
									<p><i class="fi-alert"></i> Bitte füllen Sie alle mit * gekennzeichneten Felder aus.</p>
								</div>
							</div>
							<div class="cell medium-3">
								<label for="Anrede">Anrede*
									<select id="Anrede" name="Anrede" tabindex="1" required placeholder="Frau/Herr/*">
										<option>Frau</option>
										<option>Herr</option>
										<option>*(div)</option>
										<option>keine Angabe</option>
									</select>
								</label>
							</div>
							<div class="cell medium-9">
							</div>
							<div class="cell medium-6">
								<label for="Vorname">Vorname*
									<input id="Vorname" type="text" name="Vorname" size="30" tabindex="2" required placeholder="Maxi">
									<span class="form-error">Das ist ein Pflichtfeld.</span>
								</label>
							</div>
							<div class="cell medium-6">
								<label for="Nachname">Nachname*</label>
								<input id="Nachname" type="text" name="Nachname" size="30" tabindex="3" required placeholder="Mahlzahn">
							</div>
							<div class="cell medium-12">
								<label for="Email">Email*</label>
								<input id="Email" type="text" name="email" size="30" tabindex="4" required placeholder="persönliche@emailadresse.de">
							</div>
							<div class="cell medium-11">
								<label for="Strasse">Straße*</label>
								<input id="Strasse" type="text" name="Strasse" size="25" tabindex="5" required laceholder="Persönliche Adresse"/> 
							</div>
							<div class="cell medium-1">
								<label for="Nr">Nr*</label>
								<input id="Nr" type="text" name="Nr" size="3" tabindex="6" required placeholder="133"/>
							</div>
							<div class="cell medium-3">
								<label for="PLZ">PLZ*</label>
								<input id="PLZ" type="text" name="PLZ" size="5" tabindex="7" required placeholder="12345"/> 
							</div>
							<div class="cell medium-9">
								<label for="Ort">Ort*</label>
								<input id="Ort" type="text" name="Ort" size="23" tabindex="8" required placeholder="Kummerland"/>
							</div>
							<div class="cell medium-12">
								<label for="Telefon">Telefon</label>
								<input id="Telefon" type="text" name="Telefon" size="30" tabindex="9" placeholder="+49 123 123123"/>
							</div>
						</div>
					</fieldset>

					<fieldset>
						<legend>Wie sind Sie auf unsere Akademie aufmerksam geworden?</legend>
						<div class="cell medium-12">
							<label for="Feedback">Bitte Auswählen.</label>
							<select id="Feedback" name="Feedback" tabindex="12">
								<option>Keine Antwort</option>
								<option>Google</option>
								<option>Instagram</option>
								<option>Facebook</option>
								<option>Programmheft</option>
								<option>Flyer</option>
								<option>Ich war schon bei Ihnen</option>
								<option>Empfehlung von Kolleg*in</option>
								<option>Empfehlung meines Trägers</option>
								<option>Nichts von dem</option>
							</select>
						</div>
					</fieldset>
</we:ifNotEditmode>

					<fieldset>
						<legend><b>Welche Unterlagen sollen wir Dir kostenfrei zusenden?</b> </legend>
						<div class="cell medium-12">
							<label for="Material"></label>
							<we:block name="MaterialListe">
								<we:formfield name="BestellItem" attribs="select_placeholder" select_placeholder="Test" type="select" />
								<td><we:formfield name="Formularfeld" type="textinput" textinput_size="30"/></td>
							</we:block>
						</div>
					</fieldset>


					<br>
					<div class="cell medium-12"><label for="daten">
						<input id="daten" type="checkbox" required tabindex="24" ><b>Bestätigung*</b>
						Ich habe die <a href="/download/akademie/teilnahmebedingungen.pdf">Allgemeinen Geschäftsbedingungen</a> sowie die <a href="https://erzieherin-bremen.de/datenschutz.php">Datenschutzbestimmungen</a> gelesen und akzeptiere sie.</label>
					</div>
					<input type="submit" class="button buttonGruen" name="submit" value="Bestellen"/>
				</we:form>
			
		</div>
	</div>
</div>

Display More

WBTMagnum · July 5, 2024 at 10:28 AM

Hallo Kay,

Ich habe mir das jetzt nicht im Detail angesehen, kann mir aber gut vorstellen, dass es am <we:form> liegt. Probier doch einfach mal aus einzelne Teile auszukommentieren. Ansonsten kann ich nur empfehlen Frontend und Backend strikter zu trennen, dh. ein <we:ifEditmode>-Block für das Backend und ein <we:ifNotEditmode> für das Frontend und die Vorschau.

HTH,
Sascha

PS: Vielleicht magst du in deinem Post noch die E-Mails aus den Attributen recipient und from entfernen.

kayLab · July 5, 2024 at 1:28 PM

Quote from WBTMagnum

PS: Vielleicht magst du in deinem Post noch die E-Mails aus den Attributen recipient und from entfernen.

Oh, ja - danke

kayLab · July 5, 2024 at 1:32 PM

Leider geht sowas inerhalb der form tags nicht:

Code

<we:ifNotEditmode>data-abide="data-abide" novalidate="novalidate"</we:ifNotEditmode>

Quote from WBTMagnum

Hallo Kay,
Ich habe mir das jetzt nicht im Detail angesehen, kann mir aber gut vorstellen, dass es am <we:form> liegt. Probier doch einfach mal aus einzelne Teile auszukommentieren. Ansonsten kann ich nur empfehlen Frontend und Backend strikter zu trennen, dh. ein <we:ifEditmode>-Block für das Backend und ein <we:ifNotEditmode> für das Frontend und die Vorschau.

kayLab · July 5, 2024 at 1:39 PM

Warum geht das nicht?

Code

	<we:ifEditmode>
		<we:form type="formmail">
	</we:ifEditmode>
	<we:ifNotEditmode>
		<we:form type="formmail" data-abide="data-abide" novalidate="novalidate" pass_id="formmail" enctype="multipart/form-data" mimetype="text/html" remove="submit" recipient="xxx" from="bxxx" confirmmail="true" required="Vorname,Nachname,email" subject="Infomaterial Bestellung" onerror="260" onsuccess="261" preconfirm="MailtextVorFeldern" postconfirm="MailtextNachFeldern">
	</we:ifNotEditmode>

WBTMagnum · July 5, 2024 at 9:49 PM

Hallo Key,

Das Form brauchst du im Backend doch gar nicht. Dh. du brauchst nur den 2. Block. Auf das End-Tag aber nicht vergessen.

Liebe Grüße,
Sascha

kayLab · July 8, 2024 at 8:20 AM

Quote from WBTMagnum

Hallo Key,
Das Form brauchst du im Backend doch gar nicht. Dh. du brauchst nur den 2. Block. Auf das End-Tag aber nicht vergessen.
Liebe Grüße,
Sascha

Leider geht das auch nicht, das war ja mein erster versuch

Fehler beim Speichern der Vorlage `/form.tmpl`!

<b>Fehler in der Vorlage:</b>Bei einem <we:form> Tag fehlt entweder das Start- oder das Endtag!<br/>
Vorlage: /form.tmpl

Code

<we:ifEditmode>
		<we:form type="formmail">
	</we:ifEditmode>
	
	<fieldset>
						<legend><b>Welche Unterlagen sollen wir Dir kostenfrei zusenden?</b> </legend>
						<div class="cell medium-12">
							<label for="Material"></label>
							<we:block name="MaterialListe">
								<we:formfield name="BestellItem" attribs="select_placeholder" select_placeholder="Test" type="select" />
								<td><we:formfield name="Formularfeld" type="textinput" textinput_size="30"/></td>
							</we:block>
						</div>
					</fieldset>
	
	<we:ifNotEditmode>
		</we:form>
	</we:ifNotEditmode>

Display More

Finn · July 8, 2024 at 11:49 AM Official Post

Moin Kay,

da hat sich bei dir ein Tippfehler eingeschlichen:

<we:ifEditmode>
<we:form type="formmail">
</we:ifEditmode>
---> Hier müsste auch ifNotEditmode hin.

<we:ifNotEditmode>
</we:form>
</we:ifNotEditmode>

Das korrigieren, dann sollte es gehen. Tatsächlich werden Formulare im Backend berücksichtigt wenn die Inhalte des Dokuments gespeichert werden, ich gebe diese deshalb im Backend nicht aus.

kayLab · July 8, 2024 at 4:31 PM

Quote from Finn

Moin Kay,

da hat sich bei dir ein Tippfehler eingeschlichen:

Sorry, nur hier im Forum, die Vorlage ist korrekt und Funktioniert leider nicht.

Code

			<we:ifNotEditmode>
				<we:form type="formmail" >
					</we:ifNotEditmode>

xxx

				<we:ifNotEditmode>
					</we:form>
			</we:ifNotEditmode>

WBTMagnum · July 8, 2024 at 5:46 PM

Hallo Kay,

Ich sehe gerade, dass du da auch mit <we:formfield/> arbeitest, dass lt. Tag-Referenz die Bearbeitung durch die Redakteur:innen erlaubt. Dh. hier wird es vermutlich auch im Editmode das <we:form/> brauchen.

So einen Use Case hatten wir noch nicht, tue mir daher mit weiterer Hilfestellung gerade schwer.

Liebe Grüße,
Sascha

kayLab · July 9, 2024 at 9:59 AM

Quote from WBTMagnum

So einen Use Case hatten wir noch nicht, tue mir daher mit weiterer Hilfestellung gerade schwer.

Ich hätte nicht gedacht das es so ungewöhnlich ist.

kayLab · July 9, 2024 at 12:20 PM

Ich habe es jetzt so gelöst das ich Foundation im Backend ausblende.

Block im Formular

Participate now!

Similar Threads

Email dispatch blocked / Email Versand blockiert(Log)!

Tags