Text verändern bei Formular Fehler

[Zenti]

Guten Tag,
Ich habe nen kleinen hänger,.. Bin ein Javascript Neuling.

Ich habe ein kleines Formular das so aussieht:
Screenshot

der Quellcode dazu:

<form name="login" action="anmeldung.php" method="POST">
          
          <div id="anmeldung_headline"><img src="bilder/anmeldung_headline.png" /></div> 
            
          
          <div id="anmeldung_go" style="position: absolute; margin-left:280px;">
          <input type="image" border="0" src="bilder/but_go.png" />
          </div>
          

          
          <input class="anmeldung_form" name="anmeldung_form" type="text" style="width:323px; height:45px;" onFocus="this.className='anmeldung_form_ov'" onSelect="this.className='anmeldung_form_ov'" /><br /><input name="" type="checkbox" value="" /> <font face="Arial, Helvetica, sans-serif" color="#9a9b9a" size="1px">Ja, Ich akzeptiere die<strong> <a href="#">Allgemeine Gesch&auml;ftsbedingungen</a></strong>.
          <br />
          
          </form>

Zu meinem Problem:
Ich möchten den Text neben der Checkbox ändern wenn entweder die Checkbox nicht aktiviert ist oder das Fomularfeld nicht gefüllt ist.
Der versand des Formulars soll natürlich geblockt werden wenn ein Fehler auftritt.


Würde mich sehr über Tipps und Lösungswege freuen

mit freundlichen Grüßen,
*Zenti

 

[rd4eva]

Ich möchten den Text neben der Checkbox ändern wenn entweder die Checkbox nicht aktiviert ist oder das Fomularfeld nicht gefüllt ist.
Der versand des Formulars soll natürlich geblockt werden wenn ein Fehler auftritt.

Ob eine CheckBox checked ist kannst du abfragen über .checked
also Beispielsweise

irgendeinSelector.checked; /* liefert true / false */

Das blocken des Formulars macht man über den return Wert einer Funktion die beim onsubmit ausgeführt wird

<form onsubmit="return checkForm();">
...
</form>

function checkForm(){
    /* Prüfungen durchführen 
    => wenn alles passt: return true;
    => ansonsten return false;
    */
}

Das ändern des Textes kannst du in deinem Fall mit .innerHTML ändern.

irgendeinSelector.innerHTML = "neuer Text";

 

[Zenti]

Hi, erst mal vielen Dank für die schnelle Antwort.
Ich habs gerade versucht umzusetzen, doch ich glaube ich mache einen sehr peinlichen Fehler.

      <form onsubmit="return checkForm();" name="login" action="anmeldung.php" method="POST">
          
          <div id="anmeldung_headline"><img src="bilder/anmeldung_headline.png" /></div> 
            
          <div id="anmeldung_go" style="position: absolute; margin-left:280px;">
          <input type="image" border="0" src="bilder/but_go.png" />
          </div>

          <input class="anmeldung_form" name="anmeldung_form" type="text" style="width:323px; height:45px;" onFocus="this.className='anmeldung_form_ov'" onSelect="this.className='anmeldung_form_ov'" /><br /><input name="agb_access" type="checkbox" value="" /> <font face="Arial, Helvetica, sans-serif" color="#9a9b9a" size="1px">Ja, Ich akzeptiere die<strong> <a href="#">Allgemeine Gesch&auml;ftsbedingungen</a></strong>.
          <br />
          
          <script>
          agb_access.checked;
          agb_access.innerHTML = "neuer Text";
          </script>

      </form>
          
      <script>
              function checkForm(){
          /* Prüfungen durchführen
          => wenn alles passt: return true;
          => ansonsten return false;
         */
		}
     </script>

Hmm... Irgendwas habe ich da nicht ganz verstanden.
Würde mich über weitere Hilfe freuen.

mit freundlichen Grüßen,
*Zenti

 

[rd4eva]

Ähm ja du stehst wohl tatsächlich noch weit am Anfang

Du kannst dich ja mal versuchen hier durch zu arbeiten:
http://www.html-world.de/program/js_2.php

<form onsubmit="return checkForm();" name="login" action="anmeldung.php" method="POST">
          
	<div id="anmeldung_headline">
		<img src="bilder/anmeldung_headline.png" />
	</div>          
	
	<div id="anmeldung_go" style="position: absolute; margin-left:280px;">
		<input type="image" border="0" src="bilder/but_go.png" />
	</div>
	
	<input id="anmeldungText" class="anmeldung_form" name="anmeldung_form" type="text" style="width:323px; height:45px;" onFocus="this.className='anmeldung_form_ov'" onSelect="this.className='anmeldung_form_ov'" />
	<br />
	<input name="agb_access" type="checkbox" value="" id="agbCB" /> 
	<font face="Arial, Helvetica, sans-serif" color="#9a9b9a" size="1px" id="agbText">Ja, Ich akzeptiere die<strong> <a href="#">Allgemeine Gesch&auml;ftsbedingungen</a></strong>.</font>
	<br />
</form>

function checkForm(){
	
	if(!document.getElementById('agbCB').checked || document.getElementById('anmeldungText').value == ''){
		document.getElementById('agbText').innerHTML = 'neuer Text';
		return false;
	}	
	return true;
}

 

[Zenti]

xD Vielen Dank jetzt funktiniert es,..

mit freundlichen Grüßen,
*Zenti