onSubmit werkt niet, klikken op de knop wel? - Softwareontwikkeling

dinsdag 7 maart 2006 20:13

Acties:

Vliegt rechtsom...

Topicstarter

Hallo, ik ben in het kader van "verblijd uwe medemensch" begonnen aan een Javascriptje waarbij je een leerlingnummer moet invullen, dat submit en dan een nieuwe pagina geopend wordt met dat nr in de url (geen database oid).

ik heb nu dit:

code:

<html>
<head>
</head>
<body>
<p><FORM NAME="myform" ACTION="" METHOD="GET" >Voer je leerlingnummer in:<BR>
    <INPUT TYPE="text" NAME="inputbox" VALUE="leerlingnummer hier">
<INPUT TYPE="button" NAME="button" Value="Bekijk" onClick="controle(this.form)"></p>
    </FORM>
    
    <SCRIPT LANGUAGE="JavaScript">
function controle (form)
    {
    var llnr = form.inputbox.value
    if (form.inputbox.value==null || form.inputbox.value =="" || !/^\d*$/.test(form.inputbox.value))
    {
    alert ("Er is iets foutgegaan. Je hebt niets of geen nummer ingevuld.")
    }
    else 
    {
    window.open("http://62.166.146.86/roosters/lichtkrant/Slingerbos/Leerlingen/ll_roost_"+form.inputbox.value+".htm","boeiend","width=600,height=500")
    }
    }
    </SCRIPT>
</body></html>

Probleem is dat het hele proces wel werkt als je op de knop drikt (door de onclick) maar niet als je op enter drukt (dan komt je invoer in de titelbalk). Ik heb behoorlijk wat afgezocht, en daar komt de onSubmit heel vaak terug. Ik kan deze echter niet werkend krijgen! Waar ik hem ook plaats (in de form tag, in de tag van de button of van het tekstveld), ik krijg telkens die tekst in de titelbalk...

Bij voorbaat dank voor de hulp! $_/-\o_$

dinsdag 7 maart 2006 20:17

Acties:

DamadmOO

<INPUT TYPE="text" NAME="inputbox" VALUE="leerlingnummer hier" onChange="controle(this.form)">

zoiets?

dinsdag 7 maart 2006 20:24

Acties:

Technicality

Vliegt rechtsom...

Topicstarter

mja, dan verandert hij toch pas als je iets intypt, niet zozeer dat de gebruiker op enter drukt?

edit: niet dus

Het werkt

@ hieronder: * Technicality knielt en kust voeten $_/-\o_$

[ Voor 35% gewijzigd door Technicality op 08-03-2006 00:00 ]

dinsdag 7 maart 2006 23:22

Acties:

crisp

Devver

Pixelated

nette manier (ook je markup opgeschoond en valid HTML gemaakt):

HTML:

<script type="text/javascript">
function controle(form)
{
    var llnr = form.elements['inputbox'].value;
    if (!/^\d+$/.test(llnr))
    {
        alert('Er is iets foutgegaan. Je hebt niets of geen nummer ingevuld.');
    }
    else
    {
        window.open('http://62.166.146.86/roosters/lichtkrant/Slingerbos/Leerlingen/ll_roost_' + llnr + '.htm', 'boeiend', 'width=600,height=500');
    }

    //-- cancel default submit
    return false;
}
</script>
<form action="somescript.php" target="_blank" onsubmit="return controle(this)">
    <fieldset>
        <legend>Selectie</legend>
        <label for="leerlingnr">Voer je leerlingnummer in:</label> <input type="text" name="inputbox" value="leerlingnummer hier" id="leerlingnr">
        <input type="submit" value="Bekijk">
    </fieldset>
</form>

Zorg dat als javascript uitstaat (en dus de action van je form wordt uitgevoerd) je een serverside script als backup hebt voor de beoogde functionaliteit.

[ Voor 25% gewijzigd door crisp op 07-03-2006 23:29 ]

Intentionally left blank