JS: eingabefeld name mittels funktion übergeben

[jd89]

Hallo liebe Mitglieder,

habe leider noch nicht wirklich viel Erfahrung mit JS und habe jetzt folgendes Problem.

Ich möchte dass bei einem Formular die Eingabefelder "live" auf Richtigkeit überprüft werden und diese dann per CSS ändern.

Funktioniert auch alles soweit!

Funktion:

<script type="text/javascript">
function checktext() {
  if (document.forms[0].name.value=="")  document.forms[0].name.style.borderColor = "#FFFFFF";
  else  document.forms[0].name.style.borderColor = "#3EBB00";
}
</script>

Formular:

<form action='#' method="post">
<p>Name <input name='name' onkeyup="checktext()"/></p>
</form>

Nun möchte ich nicht jedes mal in der Funktion den Namen des Eingabefeldes ändern.

Folgendes Bsp.:

<form action='#' method="post">
<p>Name <input name='name' onkeyup="checktext()"/></p>
<p>Name <input name='text1' onkeyup="checktext()"/></p>
<p>Name <input name='text2' onkeyup="checktext()"/></p>
</form>

Hoffe ihr könnt mir helfen.

mfg JD

[vt1816]

Hi,
willkommen hier im Forum.

Zitat von jd89

Hoffe ihr könnt mir helfen.

mfg JD

Übergib doch der Funktion den Namen des Feldes:

<form action='#' method="post">
<p>Name <input name='name' onkeyup="checktext('name')"/></p>
<p>Name <input name='text1' onkeyup="checktext('text1')"/></p>
<p>Name <input name='text2' onkeyup="checktext('text2')"/></p>
</form>

und passe die Funktion entsprechend an.

[jd89]

Danke für die schnelle Antwort.

Bin jetzt soweit gekommen:

<script type="text/javascript">
function checkplz(feldname) {
if (document.forms[0].plz.value.length<4) eval( "document.forms[0]." + feldname + '.style.borderColor = "#FFFFFF";' );
else  eval( "document.forms[0]." + feldname + '.style.borderColor = "#3EBB00";' );
}
</script>

-> funktioniert

Aber ich schaffs nicht die Variable "feldname" in die if-Bedingung einzufügen....

mfg

[jd89]

Habe die Funktion mittlerweile etwas ausgebaut, aber ich versteh einfach nicht wie ich die Variable "feldname" in die if-Abfrage einbauen kann : (
sonst kann ich mir ja mit eval helfen aber das kann ich ja nicht ins if schreiben....

Funktion:

<script type="text/javascript">
function checktext(feldname, minzahl, infotext) {
  if (document.forms[0].feldname.value<minzahl) {
	  eval( "document.forms[0]." + feldname + '.style.borderColor = "#FF5151";' );
	  eval( 'document.forms[0].' + feldname + 'info.value = infotext;' );
  }
  else {
	  eval( "document.forms[0]." + feldname + '.style.borderColor = "#3EBB00";' );
	  eval( 'document.forms[0].' + feldname + 'info.value = "OK";' );
  }
}
</script>

Wie gesagt hab mit JS eigentlich eher wenig zu tun, sind sozusagen meine ersten Schritte : )

Danke schon mal für alle Antworten.

[Indyk]

Hallo jd89,

wie man den feldnamen korrekt einbaut weiss ich leider nicht, auch nicht ob es so funktionieren könnte.

Aber du könntest versuchen dir das formularfeld selbst zurück zu geben über "this"

onKeyUp="checkText(this)"

dann könntest du, so vermute ich, direkt darauf zugreifen in deiner funktion:

function checkText(formfield)
{
   alert(formfield.value);
}

ungetestet

[jd89]

Da ich ja die Wortlänge brauche hab ichs mit formfield.length versucht aber ich bekomm als rückgabewert nur undefined -.-

[Indyk]

hast du dir mal formfield selbst ausgeben lassen? oder

alert(typeof formfield);

dann wüsstest du ob und was dort ankommt.

[Marilu]

Zitat von jd89

Habe die Funktion mittlerweile etwas ausgebaut, aber ich versteh einfach nicht wie ich die Variable "feldname" in die if-Abfrage einbauen kann : (

Mit getElementsByID() sollte das gehen ...