[JS] form submitten in onclick werkt niet - Softwareontwikkeling

dinsdag 2 juli 2002 18:33

Acties:

0 Henk 'm!

Apollo_Futurae

>>>

Topicstarter

de volgende code weigert dienst (er gebeurt niets als je op de link klikt):

code:

<html><head><title>test</title></head><body>
<form name="iets" action="../info.php">
</form>
<a href="javascript:void(0);" onclick="document.iets.submit();">blaat</a>
</body></html>

terwijl dit wel werkt (er wordt een prachtige alert getoond):

code:

<html><head><title>test</title></head><body>
<form name="iets" action="../info.php">
</form>
<a href="javascript:void(0);" onclick="alert('dus');">blaat</a>
</body></html>

waarom?

Pas de replâtrage, la structure est pourrie.

dinsdag 2 juli 2002 18:40

Acties:

0 Henk 'm!

Anoniem: 57968

Als je dit er van maakt doet hij het wel (false returnen dus):

code:

1	onclick="document.iets.submit();return false;"

Anders voert hij daarna direct dat void(0) uit, en wil hij het formulier dus niet submitten.

dinsdag 2 juli 2002 18:57

Acties:

0 Henk 'm!

Apollo_Futurae

>>>

Topicstarter

ok thnx dat werkt

nu het volgende probleem (eigenlijk hetzelfde probleem, maar dan de volledige versie):

ik heb een functie submitform:

code:

function submitForm(id)
{
    getByID(id).submit();
    return true;
}

(getByID() is een soort crossbrowser getElementByID - deze is getest en is dus niet het probleem)

in de pagina zelf staat ergens:

code:

<input
type="button"
onclick="submitForm('inlogform');return false;"
value="Log in">
</input>

(enters erin gedaan om de leesbaarheid te bevorderen)

als ik op deze button klik krijg ik de volgende foutmelding:
"Deze eigenschap of methode wordt niet ondersteund door dit object"
dit slaat op de functie submit() die niet ondersteund wordt door het form-object.
volkomen belachelijk dus.

als ik de volgende alternatieve functie gebruik:

code:

function submitForm(id)
{
    alert(getByID(id).action);
}

krijg ik keurig de action van de form-tag

help

(edit: beetje verduidelijkt en overbodige code gestript)

Pas de replâtrage, la structure est pourrie.

woensdag 3 juli 2002 11:54

Acties:

0 Henk 'm!

Anoniem: 18050

Waarom maak je er geen input type="submit" van ?!

woensdag 3 juli 2002 12:06

Acties:

0 Henk 'm!

Croga

The Unreasonable Man

En zet de aanroep van die functie dan in de OnSubmit van de <body> tag.

woensdag 3 juli 2002 12:31

Acties:

0 Henk 'm!

Bosmonster

*zucht*

Op woensdag 03 juli 2002 12:06 schreef Croga het volgende:
En zet de aanroep van die functie dan in de OnSubmit van de <body> tag.

van het form bedoel je

Maar inderdaad.. een input-button met onclick=submit() IS gewoon een input-submit..

Waarom moeilijk doen als het makkelijk kan

woensdag 3 juli 2002 17:56

Acties:

0 Henk 'm!

Anoniem: 18050

Op woensdag 03 juli 2002 12:31 schreef Bosmonster het volgende:
Waarom moeilijk doen als het makkelijk kan

Ik was al bang dat m'n antwoord zou worden afgekraakt

woensdag 3 juli 2002 19:36

Acties:

0 Henk 'm!

Clay

cookie erbij?

* Clay heeft teveel gelazer gehad met onclicks

submit ik niets meer mee.

en als iets het niet doet (bij een klant bijvoorbeeld

) ligt het ALTIJD daaraan.

Instagram | Flickr | "Let my music become battle cries" - Frédéric Chopin

woensdag 3 juli 2002 19:57

Acties:

0 Henk 'm!

Apollo_Futurae

>>>

Topicstarter

De reden dat ik geen <input type="submit" /> gebruik, is dat het formulier eerst gevalideerd moet worden. Of kan dit ook met onSubmit? Het formulier moet uiteraard niet gesubmit worden als het niet geldig is.

Pas de replâtrage, la structure est pourrie.

woensdag 3 juli 2002 20:59

Acties:

0 Henk 'm!

Anoniem: 36226

Op woensdag 03 juli 2002 12:31 schreef Bosmonster het volgende:

[..]

van het form bedoel je

Maar inderdaad.. een input-button met onclick=submit() IS gewoon een input-submit..

Waarom moeilijk doen als het makkelijk kan

Niet helemaal. Er zijn twee verschillen:
1-als je form.submit() doet, wordt de form onsubmit niet uitgevoerd
2-de eerste input type=submit (of input type=image) wordt ook geklikt als je op enter drukt (default button). Dit gebeurd niet met input type=button volgens mij.

Op dinsdag 02 juli 2002 18:57 schreef Apollo_Futurae het volgende:
[...]
als ik op deze button klik krijg ik de volgende foutmelding:
"Deze eigenschap of methode wordt niet ondersteund door dit object"
dit slaat op de functie submit() die niet ondersteund wordt door het form-object.
volkomen belachelijk dus.
[...]

Het lijkt erop dat je een input het met de name submit. Kijk 's naar de volgende code:

code:

1
2
3

<form name="x" action="bla.url">
  <input type="button" name="submit" value="OK" onclick="getById('x').submit();">
...

x.submit is opeens je input geworden, ipv je submit-functie (die is overschreven). Ik hoop dat dit het is. Suc6

woensdag 3 juli 2002 21:00

Acties:

0 Henk 'm!

Anoniem: 36226

Op woensdag 03 juli 2002 19:57 schreef Apollo_Futurae het volgende:
De reden dat ik geen <input type="submit" /> gebruik, is dat het formulier eerst gevalideerd moet worden. Of kan dit ook met onSubmit? Het formulier moet uiteraard niet gesubmit worden als het niet geldig is.

Dat kan ook met een submit:

code:

<form ... onsubmit="return checkForm()"> 
....
<script>
function checkForm()
{
  if(blnGoed) return true;
  else return false;
}

De truc is dus dat je de onsubmit true of false laat returnen.

Pagina: 1

Reageer