Validering af radiobutton/textbokse
HejJeg har fået hjælp af en af eksperterne her på sitet med denne validering. Desværre var jeg lidt for hurtig til at teste og lukke. Det virker kun på første drop-down, hvis man vælger test2, test3, eller test4, får man - alert("Du skal vælge noget!"); og kommer ikke videre. Det skal virke således at man skal vælge en af de 4 dropdownbokse og når man har valgt en af dem er det ok. Er der nogen der kan se hvordan det skal gøres?
<script type="text/javascript">
function validateForm(form){
var gruppe = form.gruppe;
var test1 = form.Test1.value;
var test2 = form.Test2.value;
var test3 = form.Test3.value;
var test4 = form.Test4.value;
var check = false;
for(var i = 0;i < gruppe.length;i++){ if(gruppe[i].checked){ check = true; } }
if(check){
if(gruppe[0].checked || gruppe[1].checked){
if((test1 || test2 || test3 || test4) == "Vælg"){
alert("Du skal vælge noget!");
return false;
}
}
} else {
alert("Du skal vælge en gruppe!");
return false;
}
}
</script>
<html>
<head>
<title>Radiobutton - dropdown</title>
</head>
<body>
<table>
<tr>
<td><form METHOD="POST" action="be_test.asp" onsubmit="return validateForm(this)">
<table border="0">
<tr>
<td>Radiobutton</td>
<td><input type="radio" value="1" name="gruppe"><input type="radio" name="gruppe"
value="2"><input type="radio" name="gruppe" value="3"><input type="radio" na-me="gruppe"
value="4"><input type="radio" name="gruppe" value="5"></td>
</tr>
<tr>
<td>Test1</td>
<td><select name="Test1" size="1">
<option value="Vælg">Vælg</option>
<option value="A">A</option>
<option value="B">B</option>
</select></td>
</tr>
<tr>
<td>Test2</td>
<td><select name="Test2" size="1">
<option value="Vælg">Vælg</option>
<option value="A">A</option>
<option value="B">B</option>
</select></td>
</tr>
<tr>
<td>Test3</td>
<td><select name="Test3" size="1">
<option value="Vælg">Vælg</option>
<option value="A">A</option>
<option value="B">B</option>
</select></td>
</tr>
<tr>
<td>Test4</td>
<td><select name="Test4" size="1">
<option value="Vælg">Vælg</option>
<option value="A">A</option>
<option value="B">B</option>
</select></td>
</tr>
<tr>
<td valign="top"><input TYPE="submit" VALUE="Send" name="Send"></td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</body>
</html>
