Ingevulde velden van formulier worden niet opgeslagen

van Linnz ma 19 okt 2020 - 21:25

Hi! Ik heb zelf met HTML code een formulier gemaakt voor onze gebruikers om in te vullen. Ik zal deze in dit bericht zetten + de code. Nu kwam ik er achter als je de velden van het formulier invult en vervolgens op "Verzenden" drukt, de waarden in de velden niet worden opgeslagen. Ik vermoed dat er iets in mijn code mist, waardoor de ingevulde waarden in de velden nu niet worden opgeslagen, zoals bij een gewoon bericht wel het geval is. Kunnen jullie mij misschien helpen? Is er een manier waarop ik dit formulier toch kan gebruiken? Alvast bedankt!

Voorbeeld: Als ik nu het veld "Volledige naam" invul en op verzenden druk, is deze na verzenden weer leeg.

Character Sheet Template

Code:: <html> <head> <title>Character Sheet Template</title> <style type="text/css"> .lyrics { opacity: 0.55; padding: 10px; background-color: #FFF; color: #000; font-family: old standard; text-transform: lowercase; text-align: right; padding-right: 50px; font-size: 15px; font-style: italic; letter-spacing: 1px; -webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out; } .lyrics:hover { opacity: .8; padding: 10px; background-color: #FFF; color: #000; font-family: old standard; text-transform: lowercase; text-align: right; padding-right: 50px; font-size: 15px; font-style: italic; letter-spacing: 1px; -webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out; } input[type=number]{ width: 50px; } </style> </head> <body> <center><div style="width: 480px; padding: 20px; background-color: #FFF; border: 3px double #eee;"> <div style="width: 450px; height: 300px; background-image: url(https://img.nickpic.host/aIkerc.png);"><div style="width: 420px; padding-top: 190px; padding-right: 30px;"><div class="lyrics"></div></div></div> <div style="width: 450px; height: 550px; overflow:auto; margin-top: 15px; background-color: white; color: black; font-family: cambria; font-size: 13px; text-align: justify; line-height: 130%;"> <div style="width: 425px; height: 525px;" <p><form method="POST" action="process.asp" name="form1"><fieldset> <legend>Algemeen</legend> <label><strong>Volledige naam: </strong> <input type="text" name="Name" size="30" maxlength="100"> </label> <label><strong>Leeftijd: </strong> <input type="number" name="Age"> </label> <strong>Geslacht:</strong><label><input type="radio" name="Geslacht" value="Man" checked>Man</label><label><input type="radio" name="Geslacht" value="Vrouw">Vrouw</label><label><input type="radio" name="Geslacht" value="Anders">Anders</label><br> <label><strong>Afkomst: </strong><select name="Origin"> <option value="Option1">Land1</option> <option value="Option2">Land2</option> <option value="Option3">Land3</option> </select></label><br> <label><strong>Partner: </strong> <input type="text" name="Partner" size="30" maxlength="100" placeholder="Indien n.v.t., vul 'Geen' in.";> </label> <div><label><strong>Familie: </strong></label> <div><input type="text" placeholder="Familielid" style="width:50%"> <select name="Family2" style="width:50%"> <option value="Grandfather">Grootvader</option> <option value="Grandmother">Grootmoeder</option> <option value="Father">Vader</option> <option value="Mother">Moeder</option> <option value="Brother">Broer</option> <option value="Sister">Zus</option> <option value="Uncle">Oom</option> <option value="Aunt">Tante</option> <option value="Cousin1">Neef</option> <option value="Cousin2">Nicht</option> <option value="Other">Anders</option> </select> </div> </div> </fieldset> </form></p> </div> </div> </div> </div> </center> </body> </html>

van **TonnyKamper** di 20 okt 2020 - 0:00

Dank voor je vraag @Linnz en welkom op het ondersteuningsforum.

Ik heb zelf niet zo heel veel kennis wat codes betreft maar voor zover ik kan zien mis ik een bestemming waar het ingevulde dan geplaatst moet worden en ik ben bang dat het systeem de action="process.asp" niet herkent, omdat de forums geen toegang hebben tot de systeembestanden/mappen op de servers..
Voor zover ik kan zien werkt zo'n code alleen met een mailto: bestemming..

Maar ik ga het voor je navragen aan de technici, dat kan een paar dagen duren, dus even geduld a.u.b. Smile

van Linnz di 20 okt 2020 - 11:57

Yes, ik vermoedde al zoiets.
Oké! Bedankt voor het navragen. Dan wacht ik het rustig af. Smile

van **TonnyKamper** di 20 okt 2020 - 14:29

Het is inderdaad niet mogelijk met deze code @Linnz , daar de forums niet bij de database kunnen komen, dan zou je een eigen server moeten hebben waar een database en opslag plaats kunnen vinden.. er is echter wel een mogelijkheid om de respons op een forumulier op de html pagina in een topic te kunnen laten plaatsen welke dan door de admin uitgekozen wordt is me door de technici verteld, lees eerst even dit door om te weten wie er wat kan..:
https://ondersteun.actieforum.com/t6448-nieuw-bescherm-uw-html

De code op de html pagina zou dan zoiets moeten worden:

Code:: [size=13]slmgr.vbs /?[/size] [size=13] <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">[/size] [size=13][/size] [size=13] <head>[/size] [size=13] <title>Form</title>[/size] [size=13] <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>[/size] [size=13] <style type="text/css">[/size] [size=13] [/size] [size=13] </style>[/size] [size=13] <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>[/size] [size=13] <script type="text/javascript">[/size] [size=13] var auth1;[/size] [size=13] var auth2;[/size] [size=13][/size] [size=13] jQuery(function() {[/size] [size=13][/size] [size=13] //Forum ID where we want the topic to be created[/size] [size=13] var forum_id = 3;[/size] [size=13][/size] [size=13] jQuery("#hidden").load("/post?f=" + forum_id + "&mode=newtopic form[action='/post']");[/size] [size=13] jQuery("input[type='hidden'][name='f']").attr('value',forum_id);[/size] [size=13][/size] [size=13] });[/size] [size=13][/size] [size=13][/size] [size=13] function send Message(form) {[/size] [size=13] // Create message from supplied data[/size] [size=13] var txt_message = "<strong>Nick :</strong> " + form.pseudo.value + '\n' + "<strong>Name :</strong> " + form.prenom.value + '\n' + "<strong>Age :</strong> " + form.age.value + '\n' + "<strong>Hobbies :</strong> " + form.passions.value + '\n' + "<strong>I like : :</strong> " + form.aime.value + '\n' + "<strong>i dont like: :</strong> " + form.aime_pas.value + '\n' + "<strong>Your favorite food:</strong> " + form.poke_prefere.value + '\n' + "<strong>Your consoles:</strong> " + form.console.value + '\n' + "<strong>Your specialty:</strong> " + form.Specialite.value + '\n' + "<strong> How did you get to the forum</strong> " + form.parrain.value + '\n' + "<strong>Commentary :</strong> " + form.comment.value + '\n' + "<strong>Code supplied by the Admin before accessing the forum</strong> " + form.code.value + '\n';[/size] [size=13] // Ahora se will insert everything we have put into the form[/size] [size=13] form.message.value = txt_message;[/size] [size=13][/size] [size=13] jQuery("#hidden").find("input[name='auth[]']").each(function(index) {[/size] [size=13] if (index == 0) auth1 = jQuery(this).attr("value");[/size] [size=13] if (index == 1) auth2 = jQuery(this).attr("value");[/size] [size=13] });[/size] [size=13][/size] [size=13] jQuery("input#auth1").attr("value", auth1);[/size] [size=13] jQuery("input#auth2").attr("value", auth2);[/size] [size=13][/size] [size=13] jQuery("#titulo").val("Presentation sheet of " + jQuery("#pseudo").val());[/size] [size=13][/size] [size=13] }[/size] [size=13] </script>[/size] [size=13] </head>[/size] [size=13][/size] [size=13] <body>[/size] [size=13] <div id="hidden" style="display:none"></div>[/size] [size=13] <form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="send Message(this)" target="_parent">[/size] [size=13] <input type="hidden" name="lt" value="0" />[/size] [size=13] <input type="hidden" name="mode" value="newtopic" />[/size] [size=13] <input id="auth1" type="hidden" value="" name="auth[]">[/size] [size=13] <input id="auth2" type="hidden" value="" name="auth[]">[/size] [size=13] [/size] [size=13] <input type="hidden" name="topictype" value="0" checked="checked" />[/size] [size=13] [/size] [size=13] <input type="hidden" name="message" value="" />[/size] [size=13] [/size] [size=13] <input type="hidden" name="f" value="3" />[/size] [size=13] [/size] [size=13] <input type="hidden" name="subject" id="Title" value="" class="USERNAME" />[/size] [size=13][/size] [size=13] <h3>PRESENTATE </h3>[/size] [size=13][/size] [size=13] <table>[/size] [size=13] <tr>[/size] [size=13] <td>[/size] [size=13] <label for="pseudo">[/size] [size=13] <B>Nick :</B>[/size] [size=13] </label>[/size] [size=13] </td>[/size] [size=13] <td>[/size] [size=13] <input type="text" name="pseudo" id="pseudo" class="USERNAME" size="30" required="required" />[/size] [size=13] </td>[/size] [size=13] </tr>[/size] [size=13] <tr>[/size] [size=13] <td>[/size] [size=13] <label for="first name">[/size] [size=13] <B>Name :</B>[/size] [size=13] </label>[/size] [size=13] </td>[/size] [size=13] <td>[/size] [size=13] <input type="text" name="first name" id="first name" size="30" required="required" />[/size] [size=13] </td>[/size] [size=13] </tr>[/size] [size=13] <tr>[/size] [size=13] <td>[/size] [size=13] <label for="age">[/size] [size=13] <B>Age :</B>[/size] [size=13] </label>[/size] [size=13] </td>[/size] [size=13] <td>[/size] [size=13] <input type="text" name="age" id="age" size="30" placeholder="XX ANS" required="required" />[/size] [size=13] </td>[/size] [size=13] </tr>[/size] [size=13] <tr>[/size] [size=13] <td>[/size] [size=13] <label for="passions">[/size] [size=13] <B>Hobbies :</B>[/size] [size=13] </label>[/size] [size=13] </td>[/size] [size=13] <td>[/size] [size=13] <input class="text" name="passions" id="passions" size="30" required="required" />[/size] [size=13] </td>[/size] [size=13] </tr>[/size] [size=13] <tr>[/size] [size=13] <td>[/size] [size=13] <label for="love">[/size] [size=13] <B>What you like :</B>[/size] [size=13] </label>[/size] [size=13] </td>[/size] [size=13] <td>[/size] [size=13] <input class="text" name="love" id="love" size="30" required="required" />[/size] [size=13] </td>[/size] [size=13] </tr>[/size] [size=13] <tr>[/size] [size=13] <td>[/size] [size=13] <label for="do not like ">[/size] [size=13] <B>What you do not like :</B>[/size] [size=13] </label>[/size] [size=13] </td>[/size] [size=13] <td>[/size] [size=13] <input class="text" name="do not like" id="do not like" size="30" required="required" />[/size] [size=13] </td>[/size] [size=13] </tr>[/size] [size=13] <tr>[/size] [size=13] <td>[/size] [size=13] <label for="preferred food">[/size] [size=13] <B>Your favorite food:</B>[/size] [size=13] </label>[/size] [size=13] </td>[/size] [size=13] <td>[/size] [size=13] <input class="text" name="preferred food" id="preferred food" size="30" required="required" />[/size] [size=13] </td>[/size] [size=13] </tr>[/size] [size=13] <tr>[/size] [size=13] <td>[/size] [size=13] <label for="console ">[/size] [size=13] <B>Your consoles :</B>[/size] [size=13] </label>[/size] [size=13] </td>[/size] [size=13] <td>[/size] [size=13] <input class="text" name="console" id="console" size="30" required="required" />[/size] [size=13] </td>[/size] [size=13] </tr>[/size] [size=13] <tr>[/size] [size=13] <td>[/size] [size=13] <label for="Specialties">[/size] [size=13] <B>Specialties :</B>[/size] [size=13] </label>[/size] [size=13] </td>[/size] [size=13] <td>[/size] [size=13] <input class="text" name="Specialties" id="Specialties" size="30" required="required" />[/size] [size=13] </td>[/size] [size=13] </tr>[/size] [size=13] </table>[/size] [size=13] <fieldset>[/size] [size=13] <legend>[/size] [size=13] <B>How did you get to the forum</B>[/size] [size=13] </legend>[/size] [size=13] <label for="Godfather">The way I found out about this forum</label>[/size] [size=13] <br />[/size] [size=13] <textarea id="Godfather" name="Godfather" rows="4" cols="50" required="required"></textarea>[/size] [size=13] <br />[/size] [size=13] </fieldset>[/size] [size=13] <fieldset>[/size] [size=13] <legend>[/size] [size=13] <B>Any separate comments?</B>[/size] [size=13] </legend>[/size] [size=13] <label for="comment">To know you better :</label>[/size] [size=13] <br />[/size] [size=13] <textarea id="comment" name="comment" rows="4" cols="50"></textarea>[/size] [size=13] <br />[/size] [size=13] </fieldset>[/size] [size=13] <fieldset>[/size] [size=13] <legend>[/size] [size=13] <B>Code provided by the administrator to participate in the forum</B>[/size] [size=13] </legend>[/size] [size=13] <label for="code">The code given by the Founder.</label>[/size] [size=13] <br />[/size] [size=13] <textarea id="code" name="code" rows="1" cols="50" required="required"></textarea>[/size] [size=13] <br />[/size] [size=13] </fieldset>[/size] [size=13] <fieldset>[/size] [size=13] <legend>[/size] [size=13] <B></B>[/size] [size=13][/size] [size=13] </legend>[/size] [size=13] <center>[/size] [size=13] <br />[/size] [size=13] <input name="post" value="Press the button for the post to be created" type="submit" />[/size] [size=13] </center>[/size] [size=13] </fieldset>[/size] [size=13] </form>[/size] [size=13] </body>[/size] [size=13][/size] [size=13] </html>[/size]

Uiteraard is dit maar een voorbeeld, je zult deze zelf aan moeten passen en het topic uit moeten kiezen waarin je de resultaten ervan geplaatst wilt zien..
Als dit je vraag oplost wil je die dan even markeren door op de opgelost knop bovenaan dit topic te klikken?