webForumDet fria alternativet

Funktion för formulärvalidering - hur snygga till?

JavaScript

20 svar · 1 162 visningar · startad av m_soderlund · sida 2 av 2

Frågan, av m_soderlund

Jag har skapat en funktion för att validera output från ett formulär. Om man lämnat ett obligatoriskt fält i formuläret så markeras fältet med röd tjock ram och en text skrivs ut i ett span-element intill formulärfältet. Jag undrar hur jag skulle kunna göra denna funktion snyggare? Den fungerar jättebra men jag är nyfiken. Så här ser javascriptfunktionen ut: <!-- function vali(){ var u

Läs frågan i sin helhet →
Medlem sedan maj 20033 218 inlägg
#21

Lånar tråden lite ;)
Lyckas inte att få en ram runt rutan i FF, när man lämnar fältet tomt.

Funderar även om "<script type="text/javascript">" måste vara inom header taggen?

Hur gör jag om jag vill includera ett form på en sida med "include ("file.php");" och ha valideringen i den filen? Måste jag lägga mina script i huvudfilen då tro?

Får ingen ram runt det i FF?

HEAD:

	<script type="text/javascript">
	function validateForm() {
	var foo = document.form;

	if (foo.username.value=="") {
		alert("Du måste ange ett namn!");		
		document.getElementById('username').style.border='solid 3px #c00';
		foo.username.focus();
		return false;
	} 

	};
	</script>

BODY:

<form name="form" method="post" action="blabla.php" onsubmit="return validateForm()" >

<input type="text"  name="username">
251 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
119 ms — deklarationer (db)
0 ms — hämta statistik (cache)
128 ms — hämta tråd, inlägg och bilagor (db)
117 ms — ändringar (db)