HTML form noob problem

ger_brian · 24. Mai 2013

Hi,
ich habe folgendes Problem.

Es geht um folgendes Formular:

HTML

<!DOCTYPE html>
<html lang="de">
<head>
<!--
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" media="all" href="styles/reset.css">
<link rel="stylesheet" type="text/css" media="all" href="styles/main.css">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="scripts/response.js"></script>
<title>All about hardware</title>
</head>
<body>
<div id="mainWrapper">
<aside>
</aside>
<section>
<h4>Newsletter signup</h4>
<article class="hover">
<form id="frmApplication" name="frmApplication" action="*******************/response.asp" method="post">
<fieldset>
<h5>Newsletter Settings</h5>
<p>Signup for our new paid newsletter and be the first to get new updates and help us paying the costs for the website for just 5$/month.</p>
<table>
<tr>
<td><label for="rdoType[0]">What kind of information would you like to recieve:</label>
</tr>
<tr>
<td><input id="rdoType[0]" name="rdoType" type="radio" value ="I" checked>Just updates for the hardware guides
</tr>
<tr>
<td><input id="rdoType[1]" name="rdoType" type="radio" value="F">All updates including news
</tr>
</table>
</fieldset>
</article>
<article>
<fieldset>
<h5>Contact Information</h5>
<table>
<tr>
<td><label for="txtFName">First Name:</label>
<td> <input id="txtFName" name="txtFName" type="text" placeholder="Max" size="35" required="required" /><br>
</tr>
<tr>
<td> <label for="txtLName">Last Name:</label>
<td> <input id="txtLName" name="txtLName" type="text" placeholder="Mustermann" size="35" required="required" /><br>
</tr>
<tr>
<td> <label for="txtAddr">Address:</label>
<td> <input id="txtAddr" name="txtAddr" type="text" placeholder="Musterstrasse 1" size="40" required="required" /><br>
</tr>
<tr>
<td><label for="selCountr"> Select your country:</label>
<td><select id="selCountr" name="selCountr">
<option value="GER">Germany</option>
<option value="USA">United States of America</option>
<option value="UK">United Kingdom</option>
<option value="FR">France</option>
</select><br>
</tr>
<tr>
<td> <label for="txtZip">Zip Code:</label>
<td> <input id="txtZip" name="txtZip" type="text" placeholder="99999" size="5" required="required" pattern="[0-9]{5}?" title="A zip code in the format of 99999" />
</tr>
</fieldset>
<fieldset>
<tr>
<td> <label for="rdoSex[0]">Sex:</label>
<td> <input id="rdoSex[0]" name="rdoSex" type="radio" value ="M" checked />M
<input id="rdoSex[1]" name="rdoSex" type="radio" value="F" />F<br>
</tr>
<tr>
<td> <label for="txtEmail">Email:</label>
<td> <input id="txtEmail" name="txtEmail" type="email" placeholder="[email protected]" size="45" required="required" /><br>
</tr>
<tr>
<td> <label for="txtPhone">Telephone:</label>
<td> <input id="txtPhone" name="txtPhone" type="tel" placeholder="555 555-5555" size="15" required="required" />
</tr>
</table>
</fieldset>
<fieldset>
</article>
<article>
<h5>Select Interests</h5>
<table>
<tr>
<td> <input type="checkbox" id="chkCPU" name="chkCPU" /> </td>
<td>CPU</td>
<td> <input type="checkbox" id="chkGPU" name="chkGPU" /> </td>
<td>GPU</td>
<td> <input type="checkbox" id="chkSSD" name="chkSSD" /> </td>
<td>SSDs</td>
</tr >
<tr>
<td> <input type="checkbox" id="chkBuild" name="chkBuild" /> </td>
<td>PC Builds</td>
<td> <input type="checkbox" id="chkTutorials" name="chkTutorials" /> </td>
<td>Tutorial</td>
<td><input type="checkbox" id="chkConsole" name="chkConsole" /> </td>
<td>Gaming Consoles</td>
</tr>
<tr>
<td> <input type="checkbox" id="chkPhone" name="chkPhone" /> </td>
<td>Smartphones</td>
<td> <input type="checkbox" id="chkSoftware" name="chkSoftware" /> </td>
<td>Software/OS</td>
<td> <input type="checkbox" id="chkVideos" name="chkVideos" /> </td>
<td>Videos</td>
</tr>
</table>
</fieldset>
<fieldset>
</article>
<article>
<h5>Credit Card Information</h5>
<table>
<tr>
<td><label for="selCard">Select a Card:</label>
<td><select id="selCard" name="selCard">
<option value="AMEX">AMEX</option>
<option value="MC">Master Card</option>
<option value="Visa">Visa</option>
</select><br>
</tr>
<tr>
<td><label for="txtCNum">Enter Card Number:</label>
<td><input id="txtCNum" name="txtCNum" type="text" placeholder="3400 0000 0000 009" required="required" />
</tr>
</table
</fieldset>
<div>
<input type="button" id="btnSubmit" value="Complete signup" onclick="CheckData()" />
<input type="reset" value="Cancel" />
</div>
</form>
</article>
</section>
<div class="clearfix"></div>
</div>
</body>
</html>

Alles anzeigen

Da soll man eingaben machen können.
Das ganze möchte ich dann darauffolgend auf folgender repsonse.asp in einer Übersicht anzeigen (also alle eingebenen Daten als übersicht).

Spoiler anzeigen

HTML

<!DOCTYPE html>
<html lang="de">
<head>
<!--
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" media="all" href="styles/reset.css">
<link rel="stylesheet" type="text/css" media="all" href="styles/main.css">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="scripts/response.js"></script>
<title>All about hardware</title>
</head>
<body>
<div id="mainWrapper">
<aside>
</aside>
<section>
<h4>Newsletter signup</h4>
<article class="hover">
<h5>Success!</h5>
<p>Thank you for signing up for our paid newsletter. Here is an overview of the data you entered before..</p>
What kind of information would you like to recieve:
<%=request.form(1)%>
</article>
<article>
<fieldset>
<h5>Contact Information</h5>
<table>
<tr>
<td><label for="txtFName">First Name:</label>
<td> <%=request.form("txtFName")%><br>
</tr>
<tr>
<td> <label for="txtLName">Last Name:</label>
<td> <%=request.form("txtLName")%><br><br>
</tr>
<tr>
<td> <label for="txtAddr">Address:</label>
<td> <%=request.form("txtAddr")%><br>
</tr>
<tr>
<td><label for="selCountr"> Select your country:</label>
<td> <%=request.form("selCountr")%>
</tr>
<tr>
<td> <label for="txtZip">Zip Code:</label>
<td> <%=request.form("txtZip")%>
</tr>
</fieldset>
<fieldset>
<tr>
<td> <label for="rdoSex[0]">Sex:</label>
<td> <%=request.form("rdoSex")%><br>
</tr>
<tr>
<td> <label for="txtEmail">Email:</label>
<td> <%=request.form("txtEmail")%><br>
</tr>
<tr>
<td> <label for="txtPhone">Telephone:</label>
<td> <%=request.form("txtPhone")%>
</tr>
</table>
</fieldset>
<fieldset>
</article>
<article>
<h5>Select Interests</h5>
<table>
<tr>
<td> <%=request.form("chkCPU")%> </td>
<td> <%=request.form("chkGPU")%> </td>
<td> <%=request.form("chkSSD")%> </td>
</tr >
<tr>
<td> <%=request.form("chkBuild")%> </td>
<td> <%=request.form("chkTutorials")%> </td>
<td> <%=request.form("chkConsole")%> </td>
</tr>
<tr>
<td> <%=request.form("chkPhone")%> </td>
<td> <%=request.form("chkSoftware")%> </td>
<td> <%=request.form("chkVideos")%> </td>
</tr>
</table>
</fieldset>
<fieldset>
</article>
<article>
<h5>Credit Card Information</h5>
<table>
<tr>
<td><label for="selCard">Select a Card:</label>
<td><select id="selCard" name="selCard">
<option value="AMEX">AMEX</option>
<option value="MC">Master Card</option>
<option value="Visa">Visa</option>
</select><br>
</tr>
<tr>
<td><label for="txtCNum">Enter Card Number:</label>
<td><input id="txtCNum" name="txtCNum" type="text" placeholder="3400 0000 0000 009" required="required" />
</tr>
</table
</fieldset>
<div>
<input type="button" id="btnSubmit" value="Submit Application" onmousedown="Javascript:CheckData()" />
<input type="reset" value="Cancel" />
</div>
</form>
</article>
</section>
<div class="clearfix"></div>
</div>
</body>
</html>

Alles anzeigen

Es geht auch alles gut, bis auf die Checkboxen, da krieg ich keine schöne Übersicht von dem, was ich angekreuzt hab.
Wie geht das?

Danke im Vorraus

Brian

Dezfafara · 24. Mai 2013

Ohne das jetzt alles groß gelesen zuhaben:

<%=request.form("chkCPU")%> gibt ja einfach nur den Inhalt der Variable aus, dieser ist bei Checkboxen leer, bzw. die Variable existiert nicht, wenn die Checkbox nicht aktiviert wurde. Zur Darstellung würde ich erneut eine Checkbox anzeigen mit "disabled="disabled" (Readonly Checkbox) und falls die Variable "request.form("chkCPU")" existiert noch ein "checked="checked" hinzufügen, was die Checkbox aktiviert.

Also im ganzen dann so: <input type="checkbox" disabled="disabled" <?php if(isset($_POST['chkCPU'])) echo" checked=\"checked\""; ?>> Nur halt in asp.net

Ennosuke · 24. Mai 2013

Du musst den Checkboxen auch einen Value geben afaik, dann halt entsprechend eine Checkbox ausgeben die den wert widerspiegelt. Damit man das nicht ändern kann, kannst du disabled="disabled" setzten.

@Dez: Das sieht für mich nicht nach PHP aus, sondern nach einer .NET Sprache oder VB oder so, da ASP

Dezfafara · 24. Mai 2013

[..] ) echo" checked=\"checked\""; ?>> Nur halt in asp.net hab ich doch gesagt *schnief*

ger_brian · 24. Mai 2013

Wie gesagt, ich bin in der Hinsicht gerade am Anfang. Wie würde das denn codemäßig aussehen, so als bsp?

Ennosuke · 24. Mai 2013

Ich mach es mal exemplarisch mit dem chkCPU

Spoiler anzeigen

HTML

<!DOCTYPE html>
<html lang="de">
<head>
<!--
Date: 29/04/2013
email: ********
-->
<meta name="author" content=********" />
<meta name="keywords" content="Web Programming - an introduction" />
<meta name="description" content="All about hardware" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" media="all" href="styles/reset.css">
<link rel="stylesheet" type="text/css" media="all" href="styles/main.css">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="scripts/response.js"></script>
<title>All about hardware</title>
</head>
<body>
<div id="mainWrapper">
<aside>
</aside>
<section>
<h4>Newsletter signup</h4>
<article class="hover">
<h5>Success!</h5>
<p>Thank you for signing up for our paid newsletter. Here is an overview of the data you entered before..</p>
What kind of information would you like to recieve:
<%=request.form(1)%>
</article>
<article>
<fieldset>
<h5>Contact Information</h5>
<table>
<tr>
<td><label for="txtFName">First Name:</label>
<td> <%=request.form("txtFName")%><br>
</tr>
<tr>
<td> <label for="txtLName">Last Name:</label>
<td> <%=request.form("txtLName")%><br><br>
</tr>
<tr>
<td> <label for="txtAddr">Address:</label>
<td> <%=request.form("txtAddr")%><br>
</tr>
<tr>
<td><label for="selCountr"> Select your country:</label>
<td> <%=request.form("selCountr")%>
</tr>
<tr>
<td> <label for="txtZip">Zip Code:</label>
<td> <%=request.form("txtZip")%>
</tr>
</fieldset>
<fieldset>
<tr>
<td> <label for="rdoSex[0]">Sex:</label>
<td> <%=request.form("rdoSex")%><br>
</tr>
<tr>
<td> <label for="txtEmail">Email:</label>
<td> <%=request.form("txtEmail")%><br>
</tr>
<tr>
<td> <label for="txtPhone">Telephone:</label>
<td> <%=request.form("txtPhone")%>
</tr>
</table>
</fieldset>
<fieldset>
</article>
<article>
<h5>Select Interests</h5>
<table>
<tr>
<td> <input type="checkbox" name="chkCPU" disabled="disabled" <% if(request.form("chkCPU").toLower() == "true") { %> checked="checked" <% } %> /> </td>
<td> <%=request.form("chkGPU")%> </td>
<td> <%=request.form("chkSSD")%> </td>
</tr >
<tr>
<td> <%=request.form("chkBuild")%> </td>
<td> <%=request.form("chkTutorials")%> </td>
<td> <%=request.form("chkConsole")%> </td>
</tr>
<tr>
<td> <%=request.form("chkPhone")%> </td>
<td> <%=request.form("chkSoftware")%> </td>
<td> <%=request.form("chkVideos")%> </td>
</tr>
</table>
</fieldset>
<fieldset>
</article>
<article>
<h5>Credit Card Information</h5>
<table>
<tr>
<td><label for="selCard">Select a Card:</label>
<td><select id="selCard" name="selCard">
<option value="AMEX">AMEX</option>
<option value="MC">Master Card</option>
<option value="Visa">Visa</option>
</select><br>
</tr>
<tr>
<td><label for="txtCNum">Enter Card Number:</label>
<td><input id="txtCNum" name="txtCNum" type="text" placeholder="3400 0000 0000 009" required="required" />
</tr>
</table
</fieldset>
<div>
<input type="button" id="btnSubmit" value="Submit Application" onmousedown="javascript:CheckData()" />
<input type="reset" value="Cancel" />
</div>
</form>
</article>
</section>
<div class="clearfix"></div>
</div>
</body>
</html>

Alles anzeigen

Im Formular dnan einfach nur 'value="true"' in den input tag der Checkbox als attribut setzten.

Hinweis: Ich bin mir nicht sicher ob du bei ASP die { } brauchst, setzte selber nur ASP.NET MVC 4 ein, aber eigentlich müsste das so gehen.

@Dez: Sorry überlesen

ger_brian · 24. Mai 2013

Kriege ich folgenden Fehler:

"Microsoft VBScript compilation error '800a03ea'

Syntax error

/rboggs/wu/wu014/Kolb/response.asp, line 89

if(request.form("chkCPU").toLower() == "true") {
-------------------------------------^

Habe das ganze so auf den Server vom prof hochgeladen und da kommt dann das, wenn ich CPU selektiere.

Ennosuke · 24. Mai 2013

Dann schmeiß das toLower() raus, ich progammiere in C# du aber scheinbar in VB Hätte dran denken müssen

ger_brian · 24. Mai 2013

"Microsoft VBScript compilation error '800a03ea'

Syntax error

/rboggs/wu/wu014/Kolb/response.asp, line 89

if(request.form("chkCPU") == "true") {
---------------------------^"

EDIT:http://student.fgcu.edu/rboggs…050/ccmrr/application.asp

das ist das BSP, das wir bekommen haben. Bei dem Prof gehts ohne das ganze...

Dezfafara · 24. Mai 2013

ich hab noch weniger plan als Ennosuke von asp.net, aber noch kurzem google müsste auch sowas gehen:

if(chkCPU.isChecked){ %> checked="checked" <% }

Ennosuke · 24. Mai 2013

Afaik nur wenn es in der gleichen Datei und während der gleichen Ausführung gesetzt wird. Aber ich kann mich da auch irren, wenn das so geht, wäre das natürlich die einfachste Möglichkeit.

ger_brian · 24. Mai 2013

Wie gesagt, dass oben ist die Bspseite, auf der es so funktioniert...

P.S.:
das von Dezfafara wirft das aus:

Microsoft VBScript compilation error '800a0408'

Invalid character

/rboggs/wu/wu014/Kolb/response.asp, line 89

if(chkCPU.checked){
------------------^

Dezfafara · 24. Mai 2013

http://msdn.microsoft.com/de-d…ols.checkbox.checked.aspx

das wäre die Seite, hab das jetzt aber auch nicht groß gelesen und wie gesagt wenig plan vllt weiß Ennosuke ja noch was, ich wäre raus

Ennosuke · 24. Mai 2013

Dann setzt du am besten einfach das Value auf den Ausgabewert bspw "CPU"
und nimmst dann deine obere Ausgabe, dann sollte es so gehen wie dein Prof es hat.

ger_brian · 24. Mai 2013

Wenn ich das mache, wird die seite wenigstens geladen, aber anstelle des richtigen erbgenisses steht in dem betreffenden feld:

"Request object error 'ASP 0102 : 80004005'
Expecting string input
/rboggs/wu/wu014/Kolb/response.asp, line 89
The function expects a string as input."

Ennosuke · 24. Mai 2013

Ich glaub das request.forms() gibt nen Array zurück bei Checkboxen bin mir aber nicht sicher, dann müsstest du noch ein [0] dran hängen, aber ich rate zur Zeit auch nur, da ich nicht wirklich viel dazu im Netz auf die Schnelle finde.

ger_brian · 24. Mai 2013

Ich kriegs iwie nicht hin -.-

Ennosuke · 24. Mai 2013

Ich seh gerade, dass bei VB scheinbar () anstatt [] genutzt wird also müsste der Code etwa so aussehen:
Edit habe was gefunden, also so müsste er aussehen:

Code

<%=request.form("chkCPU").Item(0)%>

Quelle:
http://www.aspheute.com/artikel/20000406.htm

ger_brian · 24. Mai 2013

"Request object error 'ASP 0105 : 80004005'
Index out of range
/rboggs/wu/wu014/Kolb/response.asp, line 89
An array index is out of range."

Ennosuke · 24. Mai 2013

Okay, hatte nicht nachgedacht

Code

<% If request.form("chkCPU").Count <> 0 Then
Response.Write(request.form("chkCPU")(0))
End If %>

Teilen