Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webprogrammeren & scripting

muisklikken wel goed, Enter-toets niet

Annie
5 antwoorden
  • Ik heb deze pagina:
    <head>
    <title>Untitled</title>
    <script language="Javascript">
    function verwerk_form() {
    if (document.check.tekst.value !== "") {
    alert(document.check.tekst.value)
    }
    else {
    alert("Het veld is verplicht.")
    }
    }
    </script>
    </head>
    <body>
    <form name="check">
    <input type="text" name="tekst" size="25">
    <input type="button" name="ok" value="ok" onClick="verwerk_form()">
    </form>
    </body>

    Zolang ik met de muis op de ok-button klik werkt alles goed. Maar als ik ipv klikken op Enter druk, dan krijg ik in de adresbalk formulier.html?tekst=
    Hoe zorg ik ervoor dat met het script ook met de Enter werkt?
  • probeer het eens zo te maken: (weet niet of het werkt, hier 2 versies..)
    [code:1:72bc6a388a]<head>
    <title>Untitled</title>
    <script language="Javascript">
    function verwerk_form() {
    if (document.check.tekst.value !== "") {
    alert(document.check.tekst.value)
    }
    else {
    alert("Het veld is verplicht.")
    }
    }
    </script>
    </head>
    <body>
    <form name="check" method="post">
    <input type="text" name="tekst" size="25">
    <input type="submit" name="ok" value="ok" onClick="verwerk_form()">
    </form>
    </body>
    [/code:1:72bc6a388a]
    2e
    [code:1:72bc6a388a]<head>
    <title>Untitled</title>
    <script language="Javascript">
    function verwerk_form() {
    if (document.check.tekst.value !== "") {
    alert(document.check.tekst.value)
    }
    else {
    alert("Het veld is verplicht.")
    }
    }
    </script>
    </head>
    <body>
    <form name="check" method="post" onsubmit="verwerk_form()">
    <input type="text" name="tekst" size="25">
    <input type="submit" name="ok" value="ok">
    </form>
    </body>
    [/code:1:72bc6a388a]

    nog 1 opmerking gebruik je ook een doctype aan het begin van je pagina, misschien dat dat ook helpt.

    Ps. ik ben niet zo goed in javascript, dus ik weet niet of het goed is…
  • Bijna goed :wink: Je moet de verwerk_form functie bij het onSubmit-event van het form uitvoeren. Op deze manier zal het zowel met de enter-toets als met de submit-button werken. Wanneer het resultaat van het event true is, dan zal het formulier gewoon verzonden worden, anders niet.

    Dus zo:
    [code:1:6401187045]<html>
    <head>
    <title>Untitled</title>
    <script language="Javascript">
    function verwerk_form() {
    if (document.check.tekst.value != "") {
    alert(document.check.tekst.value);
    return true; // ok, verzend formulier
    }
    else {
    alert("Het veld is verplicht.");
    return false; // niet verzenden
    }
    }
    </script>
    </head>
    <body>
    <form name="check" method="post" onsubmit="return verwerk_form()">
    <input type="text" name="tekst" size="25">
    <input type="submit" name="ok" value="ok">
    </form>
    </body>
    </html>[/code:1:6401187045]
  • dat krijg je dus als je weinig met javascript werkt maar met php…. :oops:
  • Helemaal geweldig! De tekstvelden worden nu gecontroleerd. Mijn volgende vraag: hoe kun je een dropdownlistbox (ik heb 2 "gewone" en 1 multiple) controleren op een lege invoer?

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.