Jojoxx.net

 

 

AnvändareAnvändare
Besökare just nu: 36
SnabblänkarSnabblänkar
JavaScript-arkivet
Perl
FAQ
Sök på Jojoxx.netSök på Jojoxx.net



Validera formulär

Exempel

Namn:
E-mail:
Hemsida:
Kryssruta

Kod


<script type="text/javascript">
/* Detta script finns att hämta på http://www.jojoxx.net och
   får användas fritt så länge som dessa rader står kvar. */

String.prototype.isValidEmail = function(){
	return !!this.match(/^[a-zA-Z0-9]+([\.\-\_]{1}[a-zA-Z0-9]+)*\@[a-zA-Z0-9]+([\.\-\_]{1}[a-zA-Z0-9]+)*\.([a-zA-Z]{2,4})$/)
}
function validateForm() {
	if (document.f.namn.value=="") {
		alert("Du måste fylla i ett namn.");
		return false;
	} else if (!document.f.email.value.isValidEmail()) {
		alert("Du måste fylla i korrekt en E-mail adress.");
		return false;
	} else if (document.f.url.value.indexOf("://") == -1) {
		alert("Du glömde fylla i din hemsidesadress ordentligt.");
		return false;
	} else if (!document.f.ruta.checked) {
		alert("Du måste fylla i kryssrutan.");
		return false;
	} else {
		alert("Ditt meddelande har skickats iväg.");
		return true;
	}
}
</script>

<form name="f" onSubmit="return validateForm()" action="mailto:someone@domain.com" enctype="text/plain">
<table border=0>
<tr><td>Namn:</td><td><input type="text" name="namn"></td></tr>
<tr><td>E-mail:</td><td><input type="text" name="email"></td></tr>
<tr><td>Hemsida:</td><td><input type="text" name="url" value="http://"></td></tr>
<tr><td>Kryssruta</td><td><input type="checkbox" name="ruta" value="Ja"></td></tr>
</table>
<input type="submit" value="Skicka">
</form>

Kommentar

Scriptet kollar de tre fälten så att de är ifyllda på rätt sätt. Det första fältet får inte vara tomt. Det andra fältet med E-mail adressen måste vara en korrekt e-postadress. Det tredje fältet måste innehålla "://" för att det skall anses vara en riktig url. Är allt ok visas en dialogruta som säger "Ditt meddelande har skickats iväg.".

,