Hoi iedereen,
Ik ben bezig met het maken van een website (puur om te oefenen en te leren)
Ik gebruik hier voor dus de gratis webruimte van skynet, en heb ondertussen geleerd hoe ik een formulier moet maken en plaatsen op mijn oefensite.
Wat mij echter niet lukt i.v.m. dit formulier is: verplichte velden te maken?
De code die ik gebruik is :
<input type=hidden name="required" value="naam">
Dit werkt dus voor genen meter, ik heb de indruk dat het zelfs niet mogelijk is om deze optie aan te roepen als je gebruikt maakt van de gratis webruimte van Belgacom.
Is er iemand die me dit kan bevestigen of ontkennen?
Alvast bedankt en vriendelijke groeten.
Bladzijde 1 / 1
Je kan met de gratis webspace 2 scripts van Belgacom gebruiken.
Een teller, en een formulier.
Meer info vind je hier : http://support.nl.belgacom.be/app/answers/detail/a_id/14281
Dit heb ik op mijn webpagina staan :
<form action=http://users.skynet.be/cgi-bin/formd.cgi method="POST">
<input type="hidden" name="to" value="uw_email_adres@skynet.be">
<input type="hidden" name="next" value="http://nieuwe_webpagina.htm">
<input type="hidden" name="subject" value="bezoeker homepage">
<table border="0" width="400">
<tr>
<td align="right" nowrap><font color="#FFFF00"
size="3" face="Arial, Helvetica, sans-serif">naam :</font></td>
<td><font size="3"
face="Arial, Helvetica, sans-serif"><input
type="text" size="20" name="naam" value=""> </font></td>
<td> </td>
</tr>
<tr>
<td align="right" nowrap><font color="#FFFF00"
size="3" face="Arial, Helvetica, sans-serif">e-mail :</font></td>
<td><font size="3"
face="Arial, Helvetica, sans-serif"><input
type="text" size="20" name="email" value=""> </font></td>
<td><font color="#FF0080" size="3"
face="Arial, Helvetica, sans-serif"><input
type="submit" value="versturen"></font></td>
</tr>
<tr>
<td align="right" nowrap><font color="#FFFF00"
size="3" face="Arial, Helvetica, sans-serif">commentaar
:</font></td>
<td><font size="3"
face="Arial, Helvetica, sans-serif"><input
type="text" size="51" name="commentaar" value=""> </font></td>
<td> </td>
</tr>
</table>
</form>
Een teller, en een formulier.
Meer info vind je hier : http://support.nl.belgacom.be/app/answers/detail/a_id/14281
Dit heb ik op mijn webpagina staan :
<form action=http://users.skynet.be/cgi-bin/formd.cgi method="POST">
<input type="hidden" name="to" value="uw_email_adres@skynet.be">
<input type="hidden" name="next" value="http://nieuwe_webpagina.htm">
<input type="hidden" name="subject" value="bezoeker homepage">
<table border="0" width="400">
<tr>
<td align="right" nowrap><font color="#FFFF00"
size="3" face="Arial, Helvetica, sans-serif">naam :</font></td>
<td><font size="3"
face="Arial, Helvetica, sans-serif"><input
type="text" size="20" name="naam" value=""> </font></td>
<td> </td>
</tr>
<tr>
<td align="right" nowrap><font color="#FFFF00"
size="3" face="Arial, Helvetica, sans-serif">e-mail :</font></td>
<td><font size="3"
face="Arial, Helvetica, sans-serif"><input
type="text" size="20" name="email" value=""> </font></td>
<td><font color="#FF0080" size="3"
face="Arial, Helvetica, sans-serif"><input
type="submit" value="versturen"></font></td>
</tr>
<tr>
<td align="right" nowrap><font color="#FFFF00"
size="3" face="Arial, Helvetica, sans-serif">commentaar
:</font></td>
<td><font size="3"
face="Arial, Helvetica, sans-serif"><input
type="text" size="51" name="commentaar" value=""> </font></td>
<td> </td>
</tr>
</table>
</form>
Hoi Pintje 007
Eerst en vooral bedankt voor je reactie.
Deze 2 scripts ken ik al, maar mijn vraag is nu net of het wel mogelijk is om "verpichte velden" te maken met die 2 scripts of dat het niet kan?
je kan met deze script 1)een onderwerp laten invullen 2) een vervolgpagina laten zien 3)een afbeelding als drukknop weergeven.
je kan ook werken met checkbox en radioknoppen.
Maar wat me niet lukt is velden te maken waar bij de invuller dus verplicht word om sommige (of alle) velden in te vullen.
Ik heb dus de indruk dat deze 2 scripts dit niet toelaten, en de vraag is dus of dit werkelijk zo is dat het niet toegelaten word, of dat ik ergens iets over het hoofd zie en dus ergens iets verkeerd gedaan heb?
Want ik krijg het tot nu toe dus niet voor elkaar.
Eerst en vooral bedankt voor je reactie.
Deze 2 scripts ken ik al, maar mijn vraag is nu net of het wel mogelijk is om "verpichte velden" te maken met die 2 scripts of dat het niet kan?
je kan met deze script 1)een onderwerp laten invullen 2) een vervolgpagina laten zien 3)een afbeelding als drukknop weergeven.
je kan ook werken met checkbox en radioknoppen.
Maar wat me niet lukt is velden te maken waar bij de invuller dus verplicht word om sommige (of alle) velden in te vullen.
Ik heb dus de indruk dat deze 2 scripts dit niet toelaten, en de vraag is dus of dit werkelijk zo is dat het niet toegelaten word, of dat ik ergens iets over het hoofd zie en dus ergens iets verkeerd gedaan heb?
Want ik krijg het tot nu toe dus niet voor elkaar.
Je zal moeten gebruik maken van javascript, omdat de gratis webruimte geen server-side-scripting ondersteunt.
vb voor eenvoudige controle of de bezoeker zijn emailadres heeft ingevuld:
<html>
<head>
<script type="text/javascript">
function controleer() {
var controle = document.mijnFormulier.email_klant.value;
if(controle == "" || controle == null) {
alert("Gelieve uw emailadres in te vullen");
return false;
}
else {
return true;
}
}
</script>
</head>
<body>
<form name="mijnFormulier" action="http://users.skynet.be/cgi-bin/formd.cgi" method="POST" onsubmit="return controleer()">
<input type="hidden" name="to" value="uw_email_adres@skynet.be" />
<input type="hidden" name="next" value="https:///posts/" />
<input type="hidden" name="subject" value="bezoeker homepage" />
(...andere velden...)
<input type="text" name="email_klant" value="" /> (= verplicht veld)
<input type="submit" value="Verstuur" />
</form>
</body>
</html>
vb voor eenvoudige controle of de bezoeker zijn emailadres heeft ingevuld:
<html>
<head>
<script type="text/javascript">
function controleer() {
var controle = document.mijnFormulier.email_klant.value;
if(controle == "" || controle == null) {
alert("Gelieve uw emailadres in te vullen");
return false;
}
else {
return true;
}
}
</script>
</head>
<body>
<form name="mijnFormulier" action="http://users.skynet.be/cgi-bin/formd.cgi" method="POST" onsubmit="return controleer()">
<input type="hidden" name="to" value="uw_email_adres@skynet.be" />
<input type="hidden" name="next" value="https:///posts/" />
<input type="hidden" name="subject" value="bezoeker homepage" />
(...andere velden...)
<input type="text" name="email_klant" value="" /> (= verplicht veld)
<input type="submit" value="Verstuur" />
</form>
</body>
</html>
Dag Wouter,
Dit beantwoord dus wel degelijk mijn vraag. (bijna toch)
Ik vroeg me dus af of het wel ondersteunt werd op de vrije webruimte, en jij bevestigd dus mijn vermoeden dat dit niet het geval is.
Eigenaardig genoeg stel ik vast dat als je het met google chrome bekijkt het wel werkt en met IE, firefox of safari niet ?
Wel met een aangepaste code deze is nu:
<input type="text" name="naam" required="required" /> (*) Verplicht veld
Daardoor twijfel ik dus alsnog wat er nu wel of niet ondersteunt word?
Anderzijds,
jou javascript werkt wel.
Spijtig genoeg heb ik van java nog geen kaas gegeten, bijgevolg vraag ik me af hoe ik te werk moet gaan als ik wil dat er meerdere velden verplicht moeten worden? of als ze allemaal verplicht moeten zijn?
Bedankt voor je reactie.
Dit beantwoord dus wel degelijk mijn vraag. (bijna toch)
Ik vroeg me dus af of het wel ondersteunt werd op de vrije webruimte, en jij bevestigd dus mijn vermoeden dat dit niet het geval is.
Eigenaardig genoeg stel ik vast dat als je het met google chrome bekijkt het wel werkt en met IE, firefox of safari niet ?
Wel met een aangepaste code deze is nu:
<input type="text" name="naam" required="required" /> (*) Verplicht veld
Daardoor twijfel ik dus alsnog wat er nu wel of niet ondersteunt word?
Anderzijds,
jou javascript werkt wel.
Spijtig genoeg heb ik van java nog geen kaas gegeten, bijgevolg vraag ik me af hoe ik te werk moet gaan als ik wil dat er meerdere velden verplicht moeten worden? of als ze allemaal verplicht moeten zijn?
Bedankt voor je reactie.
Het required-attribuut waar jij over spreekt is één van de vele nieuwe (en superhandige) functionaliteiten van HTML5. Het probleem is dat HTML5 spiksplinternieuw is en dat enkel de meest recente versies van de browsers het volledig ondersteunen.
Totdat het overgrote deel van de gebruikers is overgeschakeld naar de nieuwste browserversies (lees: binnen drie, vier jaar) zal je je dus nog steeds moeten behelpen met javascript.
Voor meerdere velden kan je deze code gebruiken:
<html>
<head>
<script type="text/javascript">
function controleer() {
var controle_naam_klant = document.mijnFormulier.naam_klant.value;
var controle_voornaam_klant = document.mijnFormulier.voornaam_klant.value;
var controle_email_klant = document.mijnFormulier.email_klant.value;
//
// voeg hier extra controleregels toe voor bijkomende velden:
// var controle_naam_van_veld = document.mijnFormulier.naam_van_veld.value;
//
var correct = true;
var foutmelding = "Gelieve volgende gegevens in te vullen:\n";
if(controle_naam_klant == "" || controle_naam_klant == null) {
foutmelding = foutmelding + "- naam\n";
correct = false;
}
if(controle_voornaam_klant == "" || controle_voornaam_klant == null) {
foutmelding = foutmelding + "- voornaam\n";
correct = false;
}
if(controle_email_klant == "" || controle_email_klant == null) {
foutmelding = foutmelding + "- emailadres\n";
correct = false;
}
//
// voeg hier extra if-blokken toe voor bijkomende velden
//
if(correct) {
return true;
}
else {
alert(foutmelding);
return false;
}
}
</script>
</head>
<body>
<form name="mijnFormulier" action="http://users.skynet.be/cgi-bin/formd.cgi" method="POST" onsubmit="return controleer()">
<input type="hidden" name="to" value="uw_email_adres@skynet.be" />
<input type="hidden" name="next" value="https:///posts/" />
<input type="hidden" name="subject" value="bezoeker homepage" />
<table>
<tr><td>naam: </td><td><input type="text" name="naam_klant" value="" /></td></tr>
<tr><td>voornaam: </td><td><input type="text" name="voornaam_klant" value="" /></td></tr>
<tr><td>email: </td><td><input type="text" name="email_klant" value="" /></td></tr>
<tr><td /><td><input type="submit" value="Verstuur" /></td></tr>
</table>
</form>
</body>
</html>
Totdat het overgrote deel van de gebruikers is overgeschakeld naar de nieuwste browserversies (lees: binnen drie, vier jaar) zal je je dus nog steeds moeten behelpen met javascript.
Voor meerdere velden kan je deze code gebruiken:
<html>
<head>
<script type="text/javascript">
function controleer() {
var controle_naam_klant = document.mijnFormulier.naam_klant.value;
var controle_voornaam_klant = document.mijnFormulier.voornaam_klant.value;
var controle_email_klant = document.mijnFormulier.email_klant.value;
//
// voeg hier extra controleregels toe voor bijkomende velden:
// var controle_naam_van_veld = document.mijnFormulier.naam_van_veld.value;
//
var correct = true;
var foutmelding = "Gelieve volgende gegevens in te vullen:\n";
if(controle_naam_klant == "" || controle_naam_klant == null) {
foutmelding = foutmelding + "- naam\n";
correct = false;
}
if(controle_voornaam_klant == "" || controle_voornaam_klant == null) {
foutmelding = foutmelding + "- voornaam\n";
correct = false;
}
if(controle_email_klant == "" || controle_email_klant == null) {
foutmelding = foutmelding + "- emailadres\n";
correct = false;
}
//
// voeg hier extra if-blokken toe voor bijkomende velden
//
if(correct) {
return true;
}
else {
alert(foutmelding);
return false;
}
}
</script>
</head>
<body>
<form name="mijnFormulier" action="http://users.skynet.be/cgi-bin/formd.cgi" method="POST" onsubmit="return controleer()">
<input type="hidden" name="to" value="uw_email_adres@skynet.be" />
<input type="hidden" name="next" value="https:///posts/" />
<input type="hidden" name="subject" value="bezoeker homepage" />
<table>
<tr><td>naam: </td><td><input type="text" name="naam_klant" value="" /></td></tr>
<tr><td>voornaam: </td><td><input type="text" name="voornaam_klant" value="" /></td></tr>
<tr><td>email: </td><td><input type="text" name="email_klant" value="" /></td></tr>
<tr><td /><td><input type="submit" value="Verstuur" /></td></tr>
</table>
</form>
</body>
</html>
Dank je wel, hier kan ik al een heel eindje mee verder. :)
Reageer
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.