Avatar billede jacob_hs Nybegynder
05. august 2003 - 14:57 Der er 9 kommentarer og
1 løsning

Ændre type på et password felt i form?

Hej
Jeg har lavet et login system hvor der, skal indtastes password, og det virker fint. Dog har jeg lavet typen til text, da jeg har vejledende tekst i feltet. "Adgangskode" og når der klikkes i feltet forsvinder teksten, og brugeren kan indtaste teksten, men denne vises som normal tekst.

Tænkte på om der er mulighed for at lave noget i retningen af:
document.formular.password.type='password' og derved ændre typen til password.

Eller hvordan vil I løse dette problem?

På forhånd tak
Avatar billede roenving Novice
05. august 2003 - 15:01 #1
Du skal bruge to forskellige felter, som byttes ud !-)
Avatar billede jacob_hs Nybegynder
05. august 2003 - 15:06 #2
Kan ikke lige helt gennemskue hvordan, jeg skal løse det ved at bytte rundt.
Avatar billede roenving Novice
05. august 2003 - 15:11 #3
F.eks. sådan:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>Tomt dokument</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">
function showPass(f){
    fld1 = f.minPassTxt;
    fld2 = f.minPass;
    if(fld1.style.display=='block'){
        fld1.style.display='none'
        fld2.style.display='block'
        fld2.focus();
    }else{
        fld2.style.display='none'
        fld1.style.display='block'
    }
}
</SCRIPT>
</HEAD>
<BODY>
<BR>
<FORM ID="minForm" NAME="minForm">
<INPUT ID="minInput" NAME="minInput" TYPE="text" VALUE="Tom" ONFOCUS="if(this.value==this.defaultValue)this.value='';" ONBLUR="if(this.value=='')this.value=this.defaultValue;" SIZE="20">
<INPUT ID="minPass" NAME="minPass" TYPE="password" VALUE="" ONBLUR="showPass(this.form);" SIZE="20" style="display:none;">
<INPUT ID="minPassTxt" NAME="minPassTxt" TYPE="text" VALUE="Indtast password" ONFOCUS="if(this.value==this.defaultValue)this.value='';showPass(this.form);" ONBLUR="if(this.value=='')this.value=this.defaultValue;" SIZE="20" style="display:block;">
<button name="button2" id="button2" onclick="showPass(this.form);alert('Nu skulle formen submittes')">Submit!</button>

</FORM>
</BODY>
</HTML>
Avatar billede roenving Novice
05. august 2003 - 15:14 #4
Du skal nok også have denneher med:

<FORM ID="minForm" NAME="minForm" onsubmit="showPass(this);">

-- og så skal knappen laves om til en <input type="submit"> når du skal bruge den !-)
Avatar billede jacob_hs Nybegynder
05. august 2003 - 16:01 #5
Det er tæt på det virker nu, dog står der stadig Indtast adgangskode når jeg hopper videre til næste felt. Der skal bare vises *. Kan ikke se hvad der sker ;( Håber der er hjælp at hente
Avatar billede roenving Novice
05. august 2003 - 16:04 #6
Skal det være password-feltet som stadig vises, eller vil du have en anden tekst til stå der ?-)
Avatar billede grunken Nybegynder
05. august 2003 - 16:14 #7
syns det ser ud til at være lidt overkill ;D

prøv den her ;)

<form onSubmit="this.textpass.disabled=true;">
<input type="text" name="textpass" value="Indtast password" style="display:inline;width:150px;" onFocus="this.select();" onKeyDown="this.style.display='none';this.form.pass.style.display='inline';this.form.pass.focus();"><input type="password" name="pass" style="display:none;width:150px;">
<input type="submit" name="knap" value="Send">
</form>
Avatar billede jacob_hs Nybegynder
05. august 2003 - 16:21 #8
Jeg vil gerne have vist password feltet, med * hvis der er indtastet noget ellers "Adgangskode" som tekst
Avatar billede jacob_hs Nybegynder
05. august 2003 - 16:25 #9
Jeg har løst problemet med grunkens svar, og så har jeg ændret lidt i kan se det her under
---cut---
<form onSubmit="this.textpass.disabled=true;">
<input type="text" name="textpass" value="Adgangskode" style="display:inline;width:150px;" onFocus="this.select();" onKeyDown="this.style.display='none';this.form.pass.style.display='inline';this.form.pass.focus();">
<input type="password" name="pass" style="display:none;width:150px;" onblur="if(this.value==''){this.style.display='none';this.form.textpass.style.display='inline';}">
<input type="submit" name="knap" value="Send">
</form>
---cut---
Tak for hjælpen
Kan du ikke poste et svar?
Avatar billede grunken Nybegynder
05. august 2003 - 16:44 #10
mig ?

jow da :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester