Indtastning af tidspunkt i formular og validering

<ole>

"Jeg laver en omfattende formular (på papir 37 A4-sider) med over 1000 felter." >> Det lyder som skoleeksemplet på en designfejl  =)

Man kan godt lave noget med JavaScript (ikke Java, som er noget helt andet, men det kræver, man kan se lidt af formularen

/mvh
</bole>

Jeg ved ikke hvorfor der er skoleeksemplet på en designfejl. Jeg er ikke i tvivl om at det kan gøres nemmere end jeg gør det, men nu tjener jeg ikke mine penge ved at lave det her - og det er nok godt nok:-) Sagen er den at data i første omgang bliver skrevet ind på papir, og efterfølgende skal tastes ind via nettet. Det er et ønske at formularen på nettet ligner papirudgaven, så jeg gemmer mine word-dokumenter i html-format. Jeg ved godt det er FY og får en rigtig programmør til at få cola'en galt i halsen, men det virker. Du får et lille uddrag:

<form name="side7" method="post" action="gem_crf_mysql.php" onSubmit="return validateCompleteForm(this, 'error');">    <b>Klokkeslæt: </b>  <input type="text" name="spg3" id="spg3"
size="1" maxlength="2" align="center" required="1" realname="Klokkeslæt">:<input type="text" name="spg4" id="spg4" size="1" maxlength="2" align="center" required="1" realname="Klokkeslæt">     </span><b>(VIGTIGT!)</b></p>

Som du kan se bruger jeg to input-felter for at få indtastet et klokkeslæt. Det er nok ikke måden at gøre det på, men som du nok har fornemmet, er jeg novice på området...

Den dag, du har udfyldt 999 felter, og browseren går ned - eller din kat hiver stikket ud - finder du ud af én af årsagerne til, at der er tale om en designfejl  ;o)

Er ID'erne lavet, så der altid står 'spg' - efterfulgt af et tal - og er der altid én til forskel mellem tallet for timer og minutter?

Data bliver gemt i databasen for hver side, så skaden kan aldrig blive så stor. Ja, ID'erne er meget kreativt fundet på:-)

<script type="text/javascript">
function goToNext(oInp) {
    if (oInp.value<2) return;
    var aElms = oInp.form.elements,
    nInx = Number(oInp.name.split("spg")[1]),
    sNextName = "spg" + (nInx+=1);
    if (aElms[sNextName]) aElms[sNextName].focus();
}
</script>

<input type="text" onkeyup="goToNext(this)" name="spg3" id="spg3" size="1" maxlength="2" align="center" required="1" realname="Klokkeslæt">:<input type="text" onkeyup="goToNext(this)" name="spg4" id="spg4" size="1" maxlength="2" align="center" required="1" realname="Klokkeslæt">

ups  =)

<script type="text/javascript">
function goToNext(oInp) {
    if (oInp.value.length<2) return;
    var aElms = oInp.form.elements,
    nInx = Number(oInp.name.split("spg")[1]),
    sNextName = "spg" + (nInx+=1);
    if (aElms[sNextName]) aElms[sNextName].focus();
}
</script>

Det virker ikke hos mig. Jeg får fejlen: "Et objekt var ventet".

Så gør du noget forkert - eller også er der noget, du ikke fortæller

Ok, nu har jeg prøvet bare at køre din kode, og det virker heller ikke. Der må være et eller andet fundamentalt jeg ikke fatter. I firefox er fejlmeddelelsen "Fejl: oInp.form has no properties" og i IE "Et objekt er obligatorisk".

Ok, så virker det. PHP og HTML er til at forstå, men JS er jo helt sort.... Smider du et svar så du kan få point? Du skal have mange tak for hjælpen - du er godt nok aktiv herinde på siden.

Selvtak - ja, jeg må nok erkende, at jeg bruger en hel del tid herinde ... og har gjort det i mange år  =)

Jeg går ud fra at man nemt kan ændre dit lille script så man også kan hoppe videre når man har tjekket af i en check-box. jeg kan ikke selv greje hvordan.

Ja, hvis du kan forklare præcis, hvad der skal ske, hvornår  =)

Før skulle man hoppe videre til næste felt når man havde fyldt 2 tal ud i et felt. Nu skal man hoppe videre til næste felt når man har tjekket af i en checkbox. Det skal helst kunne fungere alene med tastaturet, så man skal kunne tjekke text-boxen af med mellemrums-tasten.

<tr>
<td><p>EKG</p></td>
<td><input type="text" onkeyup="goToNext(this)" name="spg3" id="spg3" size="1" maxlength="2" align="center">:
<input type="text" onkeyup="goToNext(this)" name="spg4" id="spg4" size="1" maxlength="2" align="center"></td>
<td><input type="checkbox" name="spg5" id="spg5" align="center"></td>
<td><input type="text" onkeyup="goToNext(this)" name="spg6" id="spg6" size="1" maxlength="2" align="center"></td></tr>

Jeg har prøvet bare at ændre dit script til:

function goToNext(oInp) {
    if (oInp.value.length<1) return;
    var aElms = oInp.form.elements,
    nInx = Number(oInp.name.split("spg")[1]),
    sNextName = "spg" + (nInx+=1);
    if (aElms[sNextName]) aElms[sNextName].focus();
}

Det er kun en delvis succes. Mine id'er kører fotsat derudaf som spg1, spg2, spg3...