onkeyup teckenlängd

Undrar lite hur jag "validerar" ett <input> med onkeyup.

Alltså det jag är ute efter är att när man laddar sidan med fältet ska det finnas t ex en röd * som då betyder ifyllningskrav. När man skrivit in mer än 3 tecken i fältet ska * ändras till t ex "ok".

Tror man kan lösa detta med onkeyup? är väldigt okunning när det gälla javascript :D

Nånting sånt härnt:

fyll i här! <span id="foo" style="color:red;">*</span>
<input type="text" onkeyup="if (this.value.length>3) document.getElementById('foo').innerHTML='ok!!!';"/>

funkar bra. :D min nästa fråga är hur jag ändrar ok till grön färg istälelt för röd :) antar att man kan sätta sätta två id beroende på om onkeyup blir sann eller falsk?

fyll i här! <span id="foo" style="color:red;">*</span>
<input type="text" onkeyup="if (this.value.length>3) { document.getElementById('foo').style.color='green'; document.getElementById('foo').innerHTML='ok!!!'; }"/>

antar att man kan sätta sätta två id beroende på om onkeyup blir sann eller falsk?

Ja, du kan lägga till en else-sats i koden som körs om längden på innehållet är 3 eller mindre.

mvh

tackar. funkar utmärkt