skriv ut »Validering av ifyllda fält
Genom att kontrollera att vissa fält är ifyllda får du användaren att fylla i den information du vill ha via formuläret. Scriptet kontrollerar även att en epostadress angivits med @ i adressen.
Ett annat valideringsscript finns här »
Steg 1:
Lägg koden inom <HEAD>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available
free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function fixElement(element, message) {
alert(message);
element.focus();
}
function isMailReady(form) {
var passed = false;
if (form.fullname.value == "") {
fixElement(form.fullname, "Information saknas i fältet
NAMN!");
}
else if (form.email.value.indexOf("@")
== -1 ||
form.email.value.indexOf(".") == -1) {
fixElement(form.email, "Ange en giltig epostadress i
fältet EPOSTADRESS!");
}
else if (form.message.value == "") {
fixElement(form.message, "Du har inte
skrivit något meddelande!");
}
else {
passed = true;
}
return passed;
}
// End -->
</SCRIPT>
</HEAD>
Meddelandetexten och namnen på fälten kan du ändra till egna värden. OBS! Om du ändrar namn på fälten i scriptet måste även ändra dem i formulärets kod nedan.
Om du vill ta bort validering av fält eller lägga till fler fält ändrar du scriptkoden och lägger till eller tar bort avsnitt som tex:
else if (form.nytt_formulärfält.value
== "") {
fixElement(form.nytt_formulärfält, "Det
här är det nya meddelandet");
}
Steg 2:
Lägg koden inom <BODY>
<BODY>
<form name = "mail"
action = "mailto:din_egen@adress.com" method
= "POST" enctype = "text/plain" onSubmit = "return
isMailReady(this);">
<table border = 0 cellpadding = 5 cellspacing = 0>
<tr>
<td> Namn:<br>
<input name = "fullname" type = "TEXT"
size="40">
</td>
</tr>
<tr>
<td>Epostadress:<br>
<input name = "email" type = "TEXT"
size="40"></td>
</tr>
<tr>
<td> Meddelande:<br>
<textarea rows = "5" cols = "40" name = "message">
</textarea></td>
</tr>
<tr>
<td> <input name="SUBMIT" type = "SUBMIT"
value = "Skicka formuläret">
</td>
</tr>
</table>
</form>
</BODY>
Namnen på fälten i fet stil måste vara samma som namnen i scriptet ovan. Byter du fältnamn måste även byta namn i scriptkoden.
