6 svar · 212 visningar · startad av kerouac
Hej
Jag har en sida med ett stort formulär där användaren skall fylla i olika värden som sedan skrivs in i en databas med hjälp av ASP. Nu vill jag kontrollera att användaren har fyllt i alla textrutor så att det inte skickas med "tomma" värden. Jag har fått ett tips att det går att lösa med Javascript men vet ej hur. Vore tacksam för tips.
Fridens
Niclas
Snyggaste sättet att lösa det beror på vad du har för sorts fält i formuläret (om det bara är text-fält), men detta är ett generellt sätt. I <form>-taggen lägger du till onSubmit="return checkit(this);" sedan gör du ett litet script som ser ut så här;
<script language="JavaScript" type="text/javascript">
function checkit(obj){
if(!obj.foo.value){
alert('Du måste fylla i fältet foo');
return false;
}else if(!obj.bar.value){
alert('Du måste fylla i fältet bar');
return false;
}else{
return true;
}
}
</script>
I exemplet kollas alltså 2 fält, foo och bar.
... och sist men inte minst får du fortfarande inte glömma bort att kolla det med asp på serversidan.
Nu är det så att jag har en hel drös med textrutor som skall kollas upp. Det går inte att skriva nån smidig funktion som kollar upp alla textrutor istället för att skriva in ruta efter ruta i koden?
Niclas
Jag hittade en kod här på webforum som verkar smidig men den vill ej fungera. Kan nån se felet?
<script language="JavaScript">
<!--
function kolla(f){
for(var j = 0; j < f.elements.length; j++){
if(!f.elements[j].value && f.elements[j].type.toLowerCase == "text"){
alert("Fyll i alla fält!");
f.elements[j].focus();
return false;
}
}
return true;
}
//-->
</script>
<form method="POST" action="uppdaterastuga.asp" name="f" onsubmit="return kolla(this);" >
Byt ut
if(!f.elements[j].value && f.elements[j].type.toLowerCase == "text"){
mot
if(!f.elements[j].value){
