status bild vid sidan av en textbox

11 svar · 249 visningar · startad av calson 24 jan. 2004

calsonMedlem sedan dec. 2003487 inlägg

Trådstart24 jan. 2004 10:47#1

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

calsonMedlem sedan dec. 2003487 inlägg

24 jan. 2004 11:08#2

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

@ndersMedlem sedan juni 200032 967 inlägg

24 jan. 2004 11:17#3

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>

calsonMedlem sedan dec. 2003487 inlägg

24 jan. 2004 11:48#4

tack så hemskt mkt

calsonMedlem sedan dec. 2003487 inlägg

24 jan. 2004 14:26#5

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

@ndersMedlem sedan juni 200032 967 inlägg

24 jan. 2004 14:28#6

  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

calsonMedlem sedan dec. 2003487 inlägg

24 jan. 2004 14:31#7

jag klarade det nästan
Tack åter igen

calsonMedlem sedan dec. 2003487 inlägg

24 jan. 2004 14:33#8

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

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

@ndersMedlem sedan juni 200032 967 inlägg

24 jan. 2004 14:34#9

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.

calsonMedlem sedan dec. 2003487 inlägg

24 jan. 2004 14:41#10

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

@ndersMedlem sedan juni 200032 967 inlägg

24 jan. 2004 14:43#11

Varsågod, varsågod.

calsonMedlem sedan dec. 2003487 inlägg

24 jan. 2004 18:22#12

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