Simple JS-Funktion onclick auszuführen V O R Formularsubmit

strgg · 04.04.2010, 04:25

hi

Hab eine onclick-funktion im submitbutton. die function hab ich getestet, funktioniert isoliert betrachtet, nur "scheint" laienhaft ausgedrückt der php-request zu schnell zu sein, dass die JS-function noch ausgeführt werden kann.

hier trotzdem nochmal meine funktion:

PHP-Code:

  <script type="text/javascript">

function getemail(){

document.getElementById('username').value = document.getElementById('email').value;

}</script>

input button:

PHP-Code:

      <button class="button validate" onclick="getemail();" type="submit">GO!</button>

Ganz fremd is, dass es funktioniert wenn ich das type attribute weglasse:

PHP-Code:

      <button class="button validate" onclick="getemail();">GO!</button>

Bitte um Tips wie generell sichergestellt werden kann, dass JS-Funktionen vor dem Absenden zuendegeführt werden.

Danke und lG und Festtage

chorn · 04.04.2010, 10:33

Übergib das form-Objekt und sende es mit der Funktion ab, dem onlick gibst du als Rückgabewert false.

strgg · 04.04.2010, 14:39

Zitat:

Übergib das form-Objekt und sende es mit der Funktion ab, dem onlick gibst du als Rückgabewert false.

Meinst Du so?

PHP-Code:

      <button class="button validate" onclick="getemail();submitForm(this);">

oder so?

PHP-Code:

      <button class="button validate" onclick="getemail();return false;">

PHP-Code:

  <script type="text/javascript">

function getemail(){

document.getElementById('username').value = document.getElementById('email').value;

return false;

}</script>

warum kann man ' <button type="submit" ' weglassen und weshalb wird die Funktion mit ' <button type="submit" ' nicht vor dem Submit ausgeführt?

ChrisB · 04.04.2010, 17:42

Zitat:

Zitat von strgg

warum kann man ' <button type="submit" ' weglassen

Weil Buttons nicht unbedingt zum Abschicken genutzt werden müssen, sondern auch als „Klickbuttons“ für andere Zwecke.

Zitat:

und weshalb wird die Funktion mit ' <button type="submit" ' nicht vor dem Submit ausgeführt?

Das kann ich dir momentan auch nicht erklären; eigentlich sollte sie das.
Setze mal eine Ausgabe per alert in die Funktion rein - bekommst du die zu sehen, bevor das Formular abgeschickt wird?

lstegelitz · 07.04.2010, 09:51

Eine Form kann man auch per Javascript submitten, dann gibt es für den Button kein onClick-Event. Verwende in der Form den onSubmit-Eventhandler - der wird garantiert beim Submit aufgerufen und macht nur weiter, wenn der onSubmit-Handler true zurückliefert.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
onClick / Php Funktion	Torsten B.	JavaScript, Ajax und mehr	2	29.03.2010 15:11
[Erledigt] funktion aufrufen wenn andere funktion aufgerufen wird	kalli.c0re	PHP Tipps 2009	16	05.06.2009 13:49
onclick vor seitenaufruf ausführen	KokosDesign	JavaScript, Ajax und mehr	4	27.05.2009 01:25
JS: Einführung - Javascript im Schichtenmodell	nikosch	Tutorials	4	11.04.2009 17:06
JS: Frage zu onClick in Verbindung mit einer Funktion		HTML, Usability und Barrierefreiheit	1	04.11.2005 16:06
PHP-GTK Tutorial		Beitragsarchiv	9	02.11.2005 21:07
Rückgabewert einer rekrusiven Funktion		PHP-Fortgeschrittene	7	06.10.2005 18:44
(schnellere) Funktion zum Zusammenfassen von CSS		PHP-Fortgeschrittene	21	08.08.2005 16:47
Funktion in einer Funktion aufrufen?		PHP Tipps 2005-2	11	14.06.2005 15:14
Button mit OnClick eine PHP Funktion ausführen lassen		PHP Tipps 2005	3	24.04.2005 14:03
[Erledigt] Wie kann ich beliebig viele Werte an eine Funktion übergeben		PHP Tipps 2005	11	25.01.2005 10:44
auf ein onclick eine funktion auslösen mit einem value eines		PHP Tipps 2004	2	14.08.2004 18:56
Simple .htacces mit Rewrite - Funktion		PHP Tipps 2004	1	04.07.2004 10:50
[Erledigt] Problem mit Ausführen einer Funktion per onClick		HTML, Usability und Barrierefreiheit	2	11.06.2004 02:09
[Erledigt] Funktion im href-Attribut oder mit onclick		HTML, Usability und Barrierefreiheit	1	10.06.2004 18:20

04.04.2010, 04:25
strgg Erfahrener Benutzer Registriert seit: 06.03.2009 Beiträge: 166 PHP-Kenntnisse: Anfänger	Simple JS-Funktion onclick auszuführen V O R Formularsubmit hi Hab eine onclick-funktion im submitbutton. die function hab ich getestet, funktioniert isoliert betrachtet, nur "scheint" laienhaft ausgedrückt der php-request zu schnell zu sein, dass die JS-function noch ausgeführt werden kann. hier trotzdem nochmal meine funktion: PHP-Code: `<script type="text/javascript"> function getemail(){ document.getElementById('username').value = document.getElementById('email').value; }</script>` input button: PHP-Code: `<button class="button validate" onclick="getemail();" type="submit">GO!</button>` Ganz fremd is, dass es funktioniert wenn ich das type attribute weglasse: PHP-Code: `<button class="button validate" onclick="getemail();">GO!</button>` Bitte um Tips wie generell sichergestellt werden kann, dass JS-Funktionen vor dem Absenden zuendegeführt werden. Danke und lG und Festtage


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

04.04.2010, 10:33
chorn Erfahrener Benutzer Registriert seit: 07.12.2009 Beiträge: 843 PHP-Kenntnisse: Fortgeschritten	Übergib das form-Objekt und sende es mit der Funktion ab, dem onlick gibst du als Rückgabewert false.

07.04.2010, 09:51
lstegelitz Erfahrener Benutzer Registriert seit: 07.09.2009 Beiträge: 4.005 PHP-Kenntnisse: Fortgeschritten	Eine Form kann man auch per Javascript submitten, dann gibt es für den Button kein onClick-Event. Verwende in der Form den onSubmit-Eventhandler - der wird garantiert beim Submit aufgerufen und macht nur weiter, wenn der onSubmit-Handler true zurückliefert. __________________ Über 90% aller Gewaltverbrechen passieren innerhalb von 24 Stunden nach dem Konsum von Brot.