Koble input-felt sammen med en flok radio-buttons

<ole>

Hvorfor skal brugeren ikke bare trykke på en radiobutton? Der er vel ingen grund til at gøre en simpel ting mere kompliceret  =)

/mvh
</bole>

Jamen det er vi bare blevet enige om ;) - så nu skal jeg bare sørge for at der ikke sker nogle misforståelser på den måde jeg ovenfor har beskrevet

men mht. til brugen er det også vigtigt at vide det eksakte antal, fremfor en "range" - fx 80-100

Jeg tror ikke rigtig, du har tænkt scenariet igennem, men du kan rode videre med det her:

<script type="text/javascript">
var oChosenRoom = null;
function checkChosen(oForm) {
    var nVal = oForm.numPeople.value*1;
    if (nVal=="") return false;
    if (typeof nVal!="number") {
        alert("Du skal skrive et tal");
        oForm.numPeople.select();
        return false;
    }
    var aRadio = oForm.roomChoise;
    var aRange = null;
    for (var i=0,j=aRadio.length; i<j; i++) {
        if (aRadio[i].checked) {
            aRange = aRadio[i].value.split("-");
            break;
        }
    }
    if (!aRange) return false;
    if (nVal<aRange[0] || nVal>aRange[1]) {
        alert("Du skal vælge et rum, der passer til antallet af personer");
        return false;
    }
}
</script>

<form action="">
<div id="choiseBox" style="width:180px">
    <div><input type="radio" name="roomChoise" value="20-80" id="20_80"><label for="20_80">Rum 1: 20-80 personer</label></div>
    <div><input type="radio" name="roomChoise" value="130-200" id="130_200"><label for="130_200">Rum 2: 130-200 personer</label></div>
    <div><input type="radio" name="roomChoise" value="300-800" id="300_800"><label for="300_800">Rum 3: 300-800 personer</label></div>
    <div><input type="radio" name="roomChoise" value="150-400" id="150_400"><label for="150_400">Rum 4: 150-400 personer</label></div>
</div>
<input type="text" name="numPeople" onblur="checkChosen(this.form)">
</form>

- men, hvornår skal der tjekkes på hvad - og hvornår skal der ikke. Det har du ikke specificeret  =)

jeg havde tænkt mig at der skulle tjekkes på onSubmit. Hvis den er onBlur bliver valget bare stående i radio-boksen selvom man får en advarsel

hvordan kan det være, at når jeg ændrer onBlur til OnSubmit og smider den op i min form-kode, så validerer den ikke?

<form method="post" action="" onSubmit="checkChosen(this.form)">
<div id="choiseBox" style="width:180px">
    <div><input type="radio" name="roomChoise" value="20-80" id="20_80"><label for="20_80">Rum 1: 20-80 personer</label></div>
    <div><input type="radio" name="roomChoise" value="130-200" id="130_200"><label for="130_200">Rum 2: 130-200 personer</label></div>
    <div><input type="radio" name="roomChoise" value="300-800" id="300_800"><label for="300_800">Rum 3: 300-800 personer</label></div>
    <div><input type="radio" name="roomChoise" value="150-400" id="150_400"><label for="150_400">Rum 4: 150-400 personer</label></div>
</div>
<input type="text" name="numPeople">
<input type="submit" name="submit" value="submit">
</form>

onsubmit="return checkChosen(this)"  ;o)

jamen det var præcis det jeg ledte efter :) - smid et svar

en lille bi-ting - Er der nogen mulighed for at undgå at alle indtastningerne i formen bliver slettet efter man har trykket "OK" på advarslen?

Ehhh ... sker det da?  =)

http://get-ready.dk/test.php - tjek selv :) - nåt man trykker "submit" så slettes alle indtastninger da siden genindlæses - er det muligt at undgå?

Ja - skriv, hvad jeg skrev til dig i (26/09-2008 22:47:42)  ;o)

*pssssssst* ... 'return'  =)

damn pinligt... *sigh* well ja det virkede selvfølgelig :D - du får dine venfortjente points

tusinde tak for hjælpen

Selvtak - og tak for points  ;D