status bild vid sidan av en textbox

Jag vill sätta en bild brevid vissa textboxar i ett formulör som ska bli gröna när någon skrivit i textboxen och sedan väljer en annan, om informationen i text boxen stämmer.

ex:

Om jag har en regestrerings form med lösenord.
När personen går ur text boxen användarnamn vill jag att ett skript kollar om användarnamnet är = eller längre än 6 tecken.
Om det är 6 eller fler tecken så visas den gröna bilden om det är färre än 6 blir den röd.

Någon som förstår och kan förklara det för mig?

Tack på förhand

Jag vill ochså kunna skriva ut en text under textboxen med textboxens inehåll när någon går ur textboxen.

här är ett exempel på min senaste fråga:

http://www10.brinkster.com/Clubmass/test/textbox.htm

Exempel:

<form>
	<input type="password" onkeyup="(this.value.length >=6) ? document.getElementById('ok').src='green.gif' : document.getElementById('ok').src='red.gif';" onblur="document.getElementById('text').innerHTML=this.value;">
	<img src="red.gif" id="ok"><br>
	<span id="text"></span>
</form>

tack så hemskt mkt :)

varför funkar inte det här?

jag är inte så bra på Javascript men jag lär mig ju :)

jag vill kontrollera att lösenord och bekräfta lösenord är identiska

  function checkLosen()
  {
    if (document.frmAddUser.strLosen == document.frmAddUser.strLosen2)
      {document.getElementById('errImageLosen2').src='gfx/errGreen.gif'}
    else
      {document.getElementById('errImageLosen2').src='gfx/errRed.gif'}
  }

---------------------------------------------------------

Lösenord:<br>
<img src="gfx/errRed.gif" id="errImageLosen"> <input type="password" name="strLosen" onkeyup="(this.value.length >=6) ? document.getElementById('errImageLosen').src='gfx/errGreen.gif' : document.getElementById('errImageLosen').src='gfx/errRed.gif';(this.value.length >=6) ? document.getElementById('errLosen').innerHTML='' : document.getElementById('errLosen').innerHTML='måste vara minst 6 tecken långt';"><br>

Bekräfta lösenord:<br>
<img src="gfx/errRed.gif" id="errImageLosen2"> <input type="password" name="strLosen2" [b]onkeyup="checkLosen()"[/b]>

  function checkLosen()
  {
    if (document.frmAddUser.strLosen[b].value[/b] == document.frmAddUser.strLosen2[b].value[/b])
      {document.getElementById('errImageLosen2').src='gfx/errGreen.gif'}
    else
      {document.getElementById('errImageLosen2').src='gfx/errRed.gif'}  
}

Mvh

jag klarade det nästan :)
Tack åter igen

nu när jag ändå är igång med frågor:

Hur kollar man om en text inehåller en symbol som @

Den går jag bet på, eftersom jag inte kan javascript sådär speciellt bra.

Men om du är ute efter att validera en e-postadress så är det bara att söka lite här på webForum.

Du äro icke först. ;)

jag kan tänka mig det :)
tack för all hjälp @nders

Varsågod, varsågod. :)

Nu har jag fått ytterligare ett problem med status bilden :)

Om jag vill kolla fler textboxar innan bilden ändras till grön hur gör jag då?

Jag testade en liten rörig grej som inte funkade.
Antar att det finns någonting liknande AND if (blabla >=4 AND blabla >=6 AND blablabla >=4)

mitt test:

  functionCheckBdate()
  {
    if (document.frmAddUser.strY >=4)
    {
      if (document.frmAddUser.strM >=2)
      {
        if(document.frmAddUser.strD >=2)
        {
          if(document.frmAddUser.strX >=4)
          {document.getElementById('errImageBdate').src='gfx/errGreen2.gif'}
        }
      }
    }
  }

<input type="text" name="strY">/
<input type="text" name="strM">/
<input type="text" name="strD">-
<input type="text" name="strX" [b]onblur="checkBdate();"[/b]>