webForumDet fria alternativet

onkeyup teckenlängd

JavaScript

4 svar · 568 visningar · startad av Tulork

Tulorks avatarTulorkMedlem sedan aug. 2004903 inlägg
Trådstart#1

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

@nderss avatar@ndersMedlem sedan juni 200032 967 inlägg
#2

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!!!';"/>
Tulorks avatarTulorkMedlem sedan aug. 2004903 inlägg
#3

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?

@nderss avatar@ndersMedlem sedan juni 200032 967 inlägg
#4
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

Tulorks avatarTulorkMedlem sedan aug. 2004903 inlägg
#5

tackar. funkar utmärkt

252 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
123 ms — deklarationer (db)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)
123 ms — ändringar (db)