---
title: "status bild vid sidan av en textbox"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/95630-status-bild-vid-sidan-av-en-textbox"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "calson"
published: "2004-01-24T10:47:22.000Z"
updated: "2004-01-24T18:22:20.000Z"
replies: 11
views: 236
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/95630-status-bild-vid-sidan-av-en-textbox"
---

# status bild vid sidan av en textbox

## #1 — calson, 2004-01-24T10:47Z

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

Permalänk: https://www.webforum.nu/p/95630

## #2 — calson, 2004-01-24T11:08Z

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>

Permalänk: https://www.webforum.nu/p/1260202

## #3 — @nders, 2004-01-24T11:17Z

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>
```

Permalänk: https://www.webforum.nu/p/1260205

## #4 — calson, 2004-01-24T11:48Z

tack så hemskt mkt :)

Permalänk: https://www.webforum.nu/p/1260219

## #5 — calson, 2004-01-24T14:26Z

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]>
```

Permalänk: https://www.webforum.nu/p/1260295

## #6 — @nders, 2004-01-24T14:28Z

```
  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

Permalänk: https://www.webforum.nu/p/1260296

## #7 — calson, 2004-01-24T14:31Z

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

Permalänk: https://www.webforum.nu/p/1260297

## #8 — calson, 2004-01-24T14:33Z

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

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

Permalänk: https://www.webforum.nu/p/1260298

## #9 — @nders, 2004-01-24T14:34Z

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. ;)

Permalänk: https://www.webforum.nu/p/1260300

## #10 — calson, 2004-01-24T14:41Z

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

Permalänk: https://www.webforum.nu/p/1260302

## #11 — @nders, 2004-01-24T14:43Z

Varsågod, varsågod. :)

Permalänk: https://www.webforum.nu/p/1260303

## #12 — calson, 2004-01-24T18:22Z

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]>
```

Permalänk: https://www.webforum.nu/p/1260384

---

Tråden på webben: https://www.webforum.nu/amne/javascript/95630-status-bild-vid-sidan-av-en-textbox