Alle Felder nach dem Senden sperren/deaktivieren

Janiboy

Unregistered

Tuesday, August 2nd 2011, 3:24pm

Alle Felder nach dem Senden sperren/deaktivieren

Hallo Ihr Lieben,

ich versuche schon seit langem mit JavaScript alle Formularelement zu deaktivieren, nachdem der Benutzer auf Senden gedrückt hat. Leider hat das bis heute noch nicht funktioniert und bitte nun hier einmal um Hilfe. Was mache ich an diesem Script bitte falsch?

Source code

<?php 
if(isset($_POST['send'])) 
{ 
echo 'Sie haben '.$_POST['meinFeld'].' eingegeben'; 
} 
?> 
<!DOCTYPE HTML> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>Test-Formular</title> 
<script type="text/javascript"> 
function disable() 
{ 
for(i = 0; i < document.formular.elements.length; i++) 
{ 
document.formular.elements[i].disabled = 'true'; 
} 
} 
</script> 
</head> 
<body> 
<form action="test.php" method="post" name="formular" onSubmit="disable(); return false;"> 
<input type="text" name="meinFeld" /><br /> 
<input type="submit" name="send" /> 
</form>

Ist jetzt nur ein Beispiel-Code der schon nicht funktioniert. Wenn ich return false herausnehme, passiert nichts. Er lädt die Seite nur neu. Wenn ich hingegen das komplette onSubmit herausnehme, funktioniert das ganze Script wieder.

Ich möchte halt nur, dass alle Felder in einem Formular nach dem Klick auf Senden disabeld werden.

Ich danke im Voraus!

Helvete

Intermediate

Posts: 118

Tuesday, August 2nd 2011, 4:31pm

HTML Code

1
2

<form action="test.php" method="post" name="formular" onSubmit="return disable();"> <input type="text" name="meinFeld" /><br /> 
<input type="submit" name="send" />  </form>

Test das mal so, kanns aber nicht versprechen obs geht.

Janiboy

Unregistered

Tuesday, August 2nd 2011, 4:33pm

Hey,

leider keine Änderung. Die Seite lädt einfach nur neu.

Helvete

Intermediate

Posts: 118

Tuesday, August 2nd 2011, 4:40pm

öhm, welchen Browser benutzt du?

bei mir Funktioniert das im Firefox einwandfrei. (Die Version von dir ohne Änderungen)

Janiboy

Unregistered

Tuesday, August 2nd 2011, 4:47pm

Internet Explorer 9 nutze ich. Im Firefox klappt es bei mir aber auch nicht. Er deaktiviert die Felder zwar, aber leitet die Formulareingaben nicht weiter. Wenn ich in das Eingabefeld test eingebe und Senden drücke, sollte er mir oben drüber wieder test ausgeben. Passiert aber leider nicht.

Helvete

Intermediate

Posts: 118

Tuesday, August 2nd 2011, 5:10pm

ich kann mir nur vorstellen das, dass mit dem onsubmit nicht geht.

bei allen anderen Funktionen schon, der disabeld die feld ja bevor der submit die Seite einmal weite leitet also sind die Felde wieder beschreibbar, warum der Inhalt aber nicht weiter gesendet wird versteh ich jetzt noch nicht, werde aber zuhause nochmal drauf gucken wenn es bis dahin nicht schon jemand gelöst hat

AHHH:
Gerade gefunden:
the user cannot use the field in any way, not to highlight the text for copying, not to select the checkbox, not to submit the form. In fact, a disabled field is not even sent if the form is submitted. <--- mach jetzt auch sind die Felder werden nähmlich schon vorher disabled

Janiboy

Unregistered

Tuesday, August 2nd 2011, 5:34pm

oO hä... Also mit onSubmit geht das gar nicht oder wie?

Womit denn dann? Mir würde es ja auch reichen, wenn nur der Submit-Button deaktiviert werden würde. Das Problem ist nämlich folgendes:
Die Benutzer können etwas auf meiner Website hochladen, klicken dann aber mitten im Upload nochmal auf Senden, da es ihnen nicht schnell genug geht. (verständlich bei 25MB, dass es nicht in 2 Sekunden fertig ist ) Deshalb würde ich gern den Button oder alles deaktivieren. Aber nichts funktioniert wirklich. Am besten wäre es natürlich, wenn der Button deaktiviert wird und der Text darauf dann in Bitte warten... geändert werden würde. Aber das wäre mir erstmal unwichtig.

Das Problem ist immer und immer wieder => Die Daten werden nicht abgeschickt. Habe schon so viele Scripts bei Google gefunden und nichts klappt...

Helvete

Intermediate

Posts: 118

Tuesday, August 2nd 2011, 10:28pm

Vielleicht die Javascript einfach in der php if abfrage aufrufen.

	HTML Code
1	echo '<script type="text/javascript">disable();</script>';

(nicht getestet)

Aber wenn du so große Datein hochläds mit einem php dann wird die doch solange Blockiert bis die Datei fertig ist oder? (noch nie sowas programmiert)

Janiboy

Unregistered

Wednesday, August 3rd 2011, 12:36pm

Hey,

erstmal danke für deine Hilfe!
Die Idee finde ich auch gut, leider auch keinen Erfolg. Mir ist aber gerade eine andere Möglichkeit eingefallen, die zwar sehr umständlich ist aber läuft. Ich frage mich, warum funktioniert das aber mein anderer Code nicht. Folgendes habe ich nun gemacht:

	Source code
1 2 3 4 5 6 7	<script type="text/javascript"> function disable() { document.getElementById('file1').style.display='none'; document.getElementById('file2').style.display='block'; } </script>

Das ist mein Javascript-Code. Dann habe ich zwei Button erstellt, die wie folgt aussehen:

	Source code
1	<div id="file1"><input type="submit" name="submit" value="hochladen" /></div> <div id="file2" style="display: none;"><input type="submit" value="Bitte warten..." disabled="disabled" /></div>

Das funktioniert nun perfekt. Ich habe also einen normalen Button und einen anderen, der disabled ist und mit display-none ausgeblendet wird. Nach dem Klick auf hochladen wird der Button ausgeblendet und der disabled-Button dafür eingeblendet.

Wo ist denn da nun der Unterschied? Das kann doch nicht sein, dass das funktioniert und das Andere nicht... Im Form-Element steht ganz normal das von vorher: onSubmit="disable();"

Helvete

Intermediate

Posts: 118

Thursday, August 4th 2011, 10:16am

Ich vermute mal der Fehler war bei dem

	JavaScript Code
1	document.formular.elements

das hatte der mir hinterher immer als Fehler angezeigt, warum weiß ich nicht aber Javascript macht bei mir sowieso immer was es will : /

Janiboy

Unregistered

Friday, August 5th 2011, 5:22pm

Unvorstellbar, aber ich habe es nun geschafft. Hier mein Lösungsweg:

JavaScript

Source code

<script type="text/javascript">
function DisableForm(formname)
{
 var forms = document.forms[formname];
 for(var i=0; i < forms.elements.length; i++)
 {
  forms.elements[i].disabled = true;
 }
 return true;
}
</script>

Und im Formtag habe ich dann das hier alles stehen: