webForumDet fria alternativet

Formulär

13 svar · 386 visningar · startad av Howling_W

Howling_WMedlem sedan juli 2004133 inlägg
#1

Hej,
Har ett problem som säkert är enkelt för er här..så ni kan säkert hjälpa mig. Det är så att jag har gjort ett formulär i Dreamweaver med ett antal textfält. Vissa av dessa fält får inte vara tomma. hur löser jag det?

PeddaMedlem sedan juni 20004 880 inlägg
#2

Du kan kontrollera fälten med ett javascript
http://www.jojoxx.net/jscript/archive/show.asp?id=23

Howling_WMedlem sedan juli 2004133 inlägg
#3

Det verkar lite förkomplicerat för mig....:OO finns det inget lättare enklare sätt?

Web-TorMedlem sedan nov. 200011 794 inlägg
#4

Så här?

<script type="text/javascript">
function validateForm() {
	if (document.forms[0].namn.value==""){
		alert("Du måste fylla i fältet.");
		return false;

	}else{return true}
}
</script>

<form onSubmit="return validateForm()">
Detta fält måste fyllas i:
<input type="text" name="namn">
<input type="submit" value="Skicka">
</form>

Samma skript fast lite kortare. :)

Howling_WMedlem sedan juli 2004133 inlägg
#5

xx

Web-TorMedlem sedan nov. 200011 794 inlägg
#6

Det bör ligga i <head>-taggen.

Om det inte fungerar får du gärna posta koden här. :)

Howling_WMedlem sedan juli 2004133 inlägg
#7

xx

Web-TorMedlem sedan nov. 200011 794 inlägg
#8

Hur ser HTML-koden ut?
(Använd gärna [ kod ]-taggarna när du postar kod i forumet :))

Howling_WMedlem sedan juli 2004133 inlägg
#9

xx

JojoxxMedlem sedan juni 20004 306 inlägg
#10

Jag tillät mig att städa lite i koden. Observera att JavaScript är case-sensitive "Form" är inte samma som "form".

<script type="text/javascript"><!-- //script hider
function form_validator(form) {
	if(form.fornamn.value == "") {
		alert("Ditt förnamn saknas!");
		form.fornamn.focus();
		return(false);
	}
	if(form.efternamn.value == "") {
		alert("Ditt efternamn saknas!");
		form.efternamn.focus();
		return(false);
	}
	if(form.email.value == "") {
		alert("Din emailadress saknas!");
		form.email.focus();
		return(false);
	}
	return (true);
}
// end script hiding -->
</script>

<form name="form" method="post" action="http://" onsubmit="return(form_validator(this));">
Detta fält måste fyllas i:<br />
Namn: <input type="text" name="fornamn"> <input type="text" name="efternamn"><br />
E-post: <input type="text" name="email">
<input type="submit" value="Skicka">
</form>
JojoxxMedlem sedan juni 20004 306 inlägg
#11

Det stora felet är alltså felstavningarna "Form" och "form" och du saknar onsubmit-eventet i ditt formulär.

Howling_WMedlem sedan juli 2004133 inlägg
#12

OK, tack för det skall ändra i koden och prova igen.. :D

Howling_WMedlem sedan juli 2004133 inlägg
#13

Nu fungerar det alldeles ypperligt.....Tackar för hjälpen :birp

JojoxxMedlem sedan juni 20004 306 inlägg
#14

Då kan du klicka på "Acceptera som slutgiltigt svar" på det inlägg som löste din fråga :)

Genererad på 377 ms · cache AV · v20260730165559-full.f96bc7eb