Avatar billede bjarne1234 Nybegynder
28. juli 2004 - 08:41 Der er 4 kommentarer

Nedtoning af formfelt

Hej
Jeg har et formfelt med 3 input. Skal vi for nemhedens skyld kalde disse "navn", "gade" og "by". Så længe brugeren IKKE har indtastet noget i input-feltet "navn" skal de 2 andre felter være nedtonet, og dermed ikke være aktive. Først når der er indgivet noget i feltet "navn" skal de 2 andre være aktive.

Jeg ikke så mange point men håber en vil hjælpe.
På forhånd tak

Bjarne
Avatar billede grunken Nybegynder
28. juli 2004 - 09:41 #1
Sådan måske ?

<form>
Navn<input type="text" name="navn" onkeyup="e=this.form;e.gade.disabled=e.byen.disabled=!this.value.match(/^[\wæøå ]+$/i);"><br />
Gade<input type="text" name="gade" disabled /><br />
Byen<input type="text" name="byen" disabled /><br />
</form>
Avatar billede bjarne1234 Nybegynder
28. juli 2004 - 16:19 #2
Hej grunken
Tak skal du have, det virker fremragende.
Uden at presse dig har jeg 2 ting:
1. Hvad betyder =!this.value.match(/^[\wæøå ]+$/i);" (bare sådan kort fortalt.
2. Er det muligt at nedtone de felter som er disabled. Jeg mener så det fremstår tydeligt at disse er iaktive. Jeg håber du forstår.

Så en sidste ting - du skal da have mine point så du skal da give et svar (tror jeg nok :-)
Avatar billede roenving Novice
28. juli 2004 - 16:30 #3
I Mozilla og lignende browsere er nedtoningen automatisk, når man disabler et felt, men så vil det være fornuftigt, at lægge det ud i et script:

<script type="text/javascript">
function setEnable(flt){
  f = flt.form;
  var d = !flt.value.match(/^[\wæøå ]+$/i);
  f.gade.disabled = f.byen.disabled = d;
  f.gade.style.backgroundColor = f.byen.style.backgroundColor = (d)?'#eee':'#fff';
}
</script>

-- og feltet:

Navn<input type="text" name="navn" onkeyup="setEnable(this);"><br />

-- og forklaringen på funktionen er:

Hvis ikke indholdet af dette felt indeholder noget, som kan matches med et almindeligt ordtegn (som er a-z, 0-9 og _ !-) eller æøå eller mellemrum (og både store og små bogstaver er i orden) er det falsk, og !-tegnet vil gøre det til sandt, altså vil disabled være true ...
Avatar billede bjarne1234 Nybegynder
28. juli 2004 - 17:32 #4
Jo jeg havde glemt at disable felterne - virker perfekt
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