Textbox Eingabeüberprüfung

ForceGrip

Grünschnabel
Ich denke jeder kennt das Javascript Taschenrechnerbeispiel.
Ich hab das ganze genommen und zu einer Tastatur umgeformt.
Da ich keine shift-Taste verwenden will sollte das Javascript automatisch
den ersten Buchstaben eines Wortes groß schreiben. Dies soll anscheinend
mit to.UpperClass funktioniern. Leider bin ich Javascript noch nciht ganz so mächtig
und hoffe auf ein Beispiel.
Mit CSS klappt das ganze leider nicht da der Opera streikt. Also bitte nicht mit der Lösung antworten.
Hoffe die Informationen reichen, schonmal Danke im Vorraus!

gruß chris
 
Hallo...

die betreffende JS-Methode heisst "toUpperCase()".
Bsp.:
Code:
<script type="text/javascript">
<!--
function ucfirst(rein)
{
raus=rein.value;
raus=raus.substr(0,1).toUpperCase()+raus.substr(1,raus.length)
rein.value=raus;
}
//-->
</script>
....
<form>
<input type="text"name="eingabe">
<input type="button"value="klick"onclick="ucfirst(this.form.eingabe)">
</form>
die Funktion ucfirst() erhält als Parameter das Eingabefeld als Objekt übergeben.
In der Variablen "raus" wird zuerst der Wert dieses Feldes gespeichert:

daraufhin wird diese Zeichenkette mittel substr() und substring()zerlegt in 2 Teile:
1.Teil ... der erste Buchstabe
2.Teil ... der Rest

Der erste Teil wird mittels "toUpperCase()" in einen Grossbuchstaben umgewandelt.

Dann werden beide Teile wieder zusammengesetzt und dem Eingabefeld als Wert zugewiesen.
 
Ok vielen Dank :)

Hab kappiert wie das ganze jetzt funktioniert, allerdings hab ich da noch nen kleines Problem. Und zwar benutze ich schon ein onClick:

onClick="Hinzufuegen('q')"

für die jeweiligen Buchstaben
die dann dieser funktion übergeben werden:

function Hinzufuegen(Zeichen)
{ window.document.Rechner.Display.value =
window.document.Rechner.Display.value + Zeichen; }

Jetzt weis ich nicht ob er beide onClick dann kappiert.
Zumindest hat es bei mir nicht wirklich funktioniert =X

gruß chris
 
jetzt bekomm ich leider noch den fehler "this.form.eingabe" is not defined.

Sorry für die dummen Fragen :(

gruß chris
 
um "this" verwenden zu können muss das element wo du this verwendest zwischen <form> und </form> sein.

evtl. stimmt auch eingabe nicht
sprich du hast kein input feld mit dem namen eingabe
 
Es liegt definitiv zwischen <form> und </form>
ich hab jetzt auch this.form.eingabe auf this.form.Display geändert
da das Eingabefeld so heißt.

Kommt aber immer noch this.form undefined =X
 
thx :)

lag daran das das form schon nen Namen hatte, hab jetzt den Namen übernommen und es geht.
Jetzt hab ich nur das Problem das er den ersten Buchstabe vom ersten Wort groß setzt und leider nicht von allen Wörtern :(

sorry das ich hier so nerve,

gruß chris
 

Neue Beiträge

Zurück