Toon posts:

[js] Dit JavaScript werkt niet..

Pagina: 1
Acties:

Verwijderd

Topicstarter
Hoi,

ik heb een javascript gemaakt en deel gejat maar het werkt gewoon niet. Het gaat erom dat als je het verzonden hebt, dat het tekst veld leeg gemaakt wordt.

Hier het script:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<SCRIPT language=JavaScript>
function SubmitForm(formnaam) {
    tError=CheckInput(formnaam);
    if (tError.length > 0) {
        alert ("Het formulier is niet goed ingevuld:\n\n"+tError);
    } else {
        document.forms[formnaam].submit();
        if(formnaam=='shoutbox') {
            document.forms[formnaam].tekst.value = "";
            document.forms[formnaam].tekst.focus();
        }
    }
}

function CheckInput(formnaam) {
var Error='';
    if (document.forms[formnaam].naam.value.length < 1)
        Error=Error+"* Naam is te kort\n";
    
    if(formnaam=='shoutbox') {
        if (document.forms[formnaam].tekst.value.length < 1) {
            Error=Error+"* Boodschap is leeg (zo weinig te melden, huh?)!";
        }
    }
return Error
}
</script>

En hier het formulier:
code:
1
2
3
4
5
<form name="shoutbox" method="post" action="actie.asp" target="actie">
<input type="text" name="naam" value="naam">
<input type="text" name="tekst" value="tekst">
<input type="submit" name="submit" value="Zegt het" class="design" Onclick="javascript:SubmitForm('shoutbox');">
</form>

Ik heb dit eens werkend gezien maar bij mij wil het niet werken. Iemand enig idee hoe dat kan?
En hoe kan ik een veld waar tekst in staat, leeg maken als je iets wilt invullen? Hoe heet zoiets zodat ik even kan zoeken?

Alvast bedankt!!!!!!!

  • Annie
  • Registratie: Juni 1999
  • Laatst online: 25-11-2021

Annie

amateur megalomaan

Hmm, je vergeet er eingelijk bij te vermelden wat er precies niet werkt.
Ik heb wel een vermoeden maar het blijft natuurlijk gissen.

[glazen bol modus]
Het probleem is hier dat je de functie aan een submit-knop koppelt, maar de submit-aktie van het form niet afvangt.

Oplossing 1:
Maak van de submit-button een input type=button en submit het form via de submit() method van het form binnen je SubmitForm()-functie.

Oplossing 2:
Vang de submit van het form af met de onsumit-handler van het form (<form ... onsubmit="return SubmitForm()">). Haal hiervoor de aanroep van de submit-button af en laat je functie een true/false retourneren.
[/glazen bol modus]

Effe beknopt beschreven, maar zo blijft er tenminste voor jou ook wat om uit te zoeken ;) :D

Today's subliminal thought is: