{"id":128966,"date":"2022-11-16T18:10:11","date_gmt":"2022-11-16T17:10:11","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/how-to-create-forms-with-mandatory-selection-fields\/"},"modified":"2025-02-13T19:19:55","modified_gmt":"2025-02-13T18:19:55","slug":"how-to-create-forms-with-mandatory-selection-fields","status":"publish","type":"post","link":"https:\/\/www.justinmind.com\/de\/hilfe\/prototypen-formulare-pflichtfeldern","title":{"rendered":"Prototypen f\u00fcr Formulare mit Pflichtfeldern"},"content":{"rendered":"<p>In diesem Artikel erfahren Sie, wie Sie Prototypen von Formularen mit Pflichtfeldern erstellen k\u00f6nnen.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.justinmind.com\/usernote\/tests\/23518471\/73112233\/73157099\/index.html\" width=\"820px\" height=\"430px\" frameborder=\"0\"><\/iframe><\/p>\n<p>So bauen Sie es auf:<\/p>\n<h3>Siehe<\/h3>\n<ul>\n<li>Platzieren Sie aus den &#8222;Interaktiven Eingabefeldern&#8220; drei &#8222;Eingabe-Textfelder&#8220; auf der Leinwand.<\/li>\n<li>W\u00e4hlen Sie &#8222;Text&#8220; und setzen Sie jeweils einen neben ein &#8222;Eingabe-Textfeld&#8220; und schreiben Sie &#8222;Name&#8220;, &#8222;Telefonnummer&#8220; und &#8222;Email-Adresse&#8220;.<\/li>\n<li>Platzieren Sie einen neuen &#8222;Text&#8220; neben dem ersten &#8222;Eingabetextfeld&#8220; und schreiben Sie Ihre Fehlermeldung; dieser Fehler pr\u00fcft, ob das erste Eingabefeld leer ist; wenn dieser Text ausgew\u00e4hlt ist, gehen Sie zur Palette Eigenschaften und klicken Sie auf das Symbol &#8222;In der Simulation ausgeblendet&#8220;.<\/li>\n<li>Platzieren Sie einen neuen &#8222;Text&#8220; unter Ihrem letzten &#8222;Eingabe-Textfeld&#8220; f\u00fcr die \u00dcberpr\u00fcfung der E-Mail-Adresse, gehen Sie zur Palette Eigenschaften und klicken Sie auf das Symbol &#8222;In der Simulation verborgen&#8220;.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-71802\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/forms-mandatory-fields-1.png\" alt=\"eyeicon3\" width=\"301\" height=\"438\"><\/li>\n<li>Setzen Sie unten einen &#8222;Button&#8220; ein, um Ihr Formular abzuschlie\u00dfen.<\/li>\n<\/ul>\n<h3>Ereignisse<\/h3>\n<p><span data-preserver-spaces=\"true\">Wenn Sie die Schaltfl\u00e4che ausgew\u00e4hlt haben, gehen Sie zur\u00fcck zur Palette Ereignisse und klicken Sie auf &#8222;Ereignis hinzuf\u00fcgen&#8220;.<\/span><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">Klicken Sie in dem Dialogfeld auf &#8222;Ausl\u00f6ser w\u00e4hlen&#8220;, bewegen Sie den Mauszeiger \u00fcber den Abschnitt &#8222;Maus&#8220; und w\u00e4hlen Sie &#8222;bei Klick&#8220;.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">W\u00e4hlen Sie unter &#8222;Aktion w\u00e4hlen&#8220; die Option &#8222;Ausgeblendetes Element anzeigen&#8220; und w\u00e4hlen Sie den Namen Validierung ausgeblendeter Text.  <\/span>Klicken Sie auf &#8222;Ok&#8220;, um die Erstellung des Ereignisses abzuschlie\u00dfen.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-71802\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/forms-mandatory-fields-3.png\" alt=\"eyeicon3\" width=\"301\" height=\"438\"><\/li>\n<\/ol>\n<p>Gehen Sie zur Palette Ereignisse und klicken Sie auf &#8222;Bedingung hinzuf\u00fcgen&#8220;, um den Expression Builder zu \u00f6ffnen.<br \/>\nZiehen Sie den Namen &#8222;Eingabe-Textfeld&#8220; in den offenen Bereich des Ausdrucks; ziehen Sie dann eine Logikfunktion &#8222;Gleich&#8220; (=) und lassen Sie das n\u00e4chste Feld leer. Wenn die Eingabe &#8222;Name&#8220; leer ist, wird die Fehlermeldung angezeigt. Klicken Sie auf &#8222;Ok&#8220;, um die Erstellung des Ausdrucks abzuschlie\u00dfen.  <\/p>\n<div class=\"embed-container\" style=\"padding-bottom: 57%;\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/762626517\" width=\"640\" height=\"564\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<p>Gehen Sie zur\u00fcck zur Palette &#8222;Ereignisse&#8220; und klicken Sie auf &#8222;Sonst&#8220;.<\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">Klicken Sie in dem Dialogfeld auf &#8222;Ausl\u00f6ser w\u00e4hlen&#8220;, bewegen Sie den Mauszeiger \u00fcber den Abschnitt &#8222;Maus&#8220; und w\u00e4hlen Sie &#8222;bei Klick&#8220;.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">W\u00e4hlen Sie unter &#8222;Aktion w\u00e4hlen&#8220; die Option &#8222;Element ausblenden&#8220; und klicken Sie auf die Fehlermeldung.  <\/span>Klicken Sie auf &#8222;Ok&#8220;, um die Erstellung des Ereignisses abzuschlie\u00dfen (wenn das Feld &#8222;Name&#8220; vollst\u00e4ndig ist, verschwindet die Fehlermeldung, wenn Sie auf die Schaltfl\u00e4che &#8222;Absenden&#8220; klicken).<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-71802\" style=\"font-size: inherit;\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/forms-mandatory-fields-4.png\" alt=\"eyeicon3\" width=\"301\" height=\"438\"><\/li>\n<\/ol>\n<p><span data-preserver-spaces=\"true\">Wenn Sie die Schaltfl\u00e4che ausgew\u00e4hlt haben, gehen Sie zur Palette Ereignisse und klicken Sie auf &#8222;Interaktion hinzuf\u00fcgen&#8220;.<\/span><\/p>\n<ol>\n<li>Klicken Sie in dem Dialogfeld auf &#8222;Ausl\u00f6ser w\u00e4hlen&#8220;, bewegen Sie den Mauszeiger \u00fcber den Abschnitt &#8222;Maus&#8220; und w\u00e4hlen Sie &#8222;bei Klick&#8220;.<\/li>\n<li><span data-preserver-spaces=\"true\">W\u00e4hlen Sie unter &#8222;Aktion w\u00e4hlen&#8220; die Option &#8222;Verstecktes Element anzeigen&#8220; und w\u00e4hlen Sie den versteckten Text f\u00fcr die E-Mail-Validierung.  <\/span>Klicken Sie auf &#8222;Ok&#8220;, um die Erstellung des Ereignisses abzuschlie\u00dfen.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-71802\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/forms-mandatory-fields-5.png\" alt=\"eyeicon3\" width=\"301\" height=\"438\"><\/li>\n<\/ol>\n<p>Gehen Sie zur Palette &#8222;Ereignisse&#8220; und klicken Sie auf &#8222;Bedingung hinzuf\u00fcgen&#8220;, um den Expression Builder zu \u00f6ffnen.<br \/>\nZiehen Sie eine &#8222;Not&#8220;-Funktion, dann die logische Funktion &#8222;RegExp&#8220; und im folgenden Feld die E-Mail-Validierung &#8222;Eingabe-Textfeld&#8220;, zuletzt auf der Registerkarte &#8222;Konstante&#8220; den regul\u00e4ren Ausdruck &#8222;@&#8220;. Klicken Sie auf &#8222;Ok&#8220;, um die Erstellung des Ausdrucks abzuschlie\u00dfen. <\/p>\n<div class=\"embed-container\" style=\"padding-bottom: 57%;\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/762629046\" width=\"640\" height=\"564\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<p>Gehen Sie zur\u00fcck zur Palette &#8222;Ereignisse&#8220; und klicken Sie auf &#8222;Sonst&#8220;.<\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">Klicken Sie in dem Dialogfeld auf &#8222;Ausl\u00f6ser w\u00e4hlen&#8220;, bewegen Sie den Mauszeiger \u00fcber den Abschnitt &#8222;Maus&#8220; und w\u00e4hlen Sie &#8222;bei Klick&#8220;.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">W\u00e4hlen Sie unter &#8222;Aktion w\u00e4hlen&#8220; die Option &#8222;Element ausblenden&#8220; und klicken Sie auf die Fehlermeldung der E-Mail-Validierung.  <\/span>Klicken Sie auf &#8222;Ok&#8220;, um die Erstellung des Ereignisses abzuschlie\u00dfen (wenn das Feld &#8222;E-Mail&#8220; ausgef\u00fcllt ist, verschwindet die Fehlermeldung, wenn Sie auf die Schaltfl\u00e4che &#8222;Senden&#8220; klicken).<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-71802\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/forms-mandatory-fields-6.png\" alt=\"eyeicon3\" width=\"301\" height=\"438\"><\/li>\n<\/ol>\n<p>Simulieren Sie Ihren Prototyp.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In diesem Artikel erfahren Sie, wie Sie Prototypen von Formularen mit Pflichtfeldern erstellen k\u00f6nnen. So bauen Sie es auf: Siehe Platzieren Sie aus den &#8222;Interaktiven Eingabefeldern&#8220;&#8230;<\/p>\n","protected":false},"author":20,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[8548,8550],"tags":[],"class_list":["post-128966","post","type-post","status-publish","format-standard","hentry","category-erweiterte-anleitungen","category-formulare-und-daten"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/posts\/128966"}],"collection":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/comments?post=128966"}],"version-history":[{"count":1,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/posts\/128966\/revisions"}],"predecessor-version":[{"id":129239,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/posts\/128966\/revisions\/129239"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/media?parent=128966"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/categories?post=128966"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/tags?post=128966"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}