Avatar billede joe_dalton Nybegynder
13. oktober 2005 - 12:54 Der er 7 kommentarer og
1 løsning

Hjælp! Disable button hvis felter ikke er udfyld!

Hej Experter! :D

Jeg vil høre om der er nogen som kan vise mig hvordan man laver et script som disabler en knap hvis f.eks 3 felter ikke er udfyldt.

På forhånd tak!
Avatar billede mm12010 Nybegynder
13. oktober 2005 - 13:00 #1
hvordan ser formen ud?
Avatar billede joe_dalton Nybegynder
13. oktober 2005 - 13:05 #2
Der er ingen endnu. Det skal bare laves fra bunden af!
Avatar billede softspot Forsker
13. oktober 2005 - 13:18 #3
Havde et lign. spørgsmål forleden. Dette kan muligvis illustrere teknikken:

<script type="text/javascript">
function doSetState(obj) {
  if(obj.name == "kontaktperson") {
    obj.form.brugernavn.disabled = (obj.value==obj.defaultValue);
    obj.form.brugkode.disabled = (obj.value==obj.defaultValue);
  }
  else if(obj.name == "kontaktpersoner") {
    if(obj.selectedIndex!=0) {
      obj.form.brugernavn.disabled = true;
      obj.form.brugkode.disabled = true;
      obj.form.kontaktperson.value='';
    }
  }
}
</script>

<form action="" method="" ID="Form1">
  kontaktperson:<input type="text" name="kontaktperson" onkeyup="doSetState(this)"><br>
  oprettede kontaktpersoner:
  <select name="kontaktpersoner" onchange="doSetState(this)">
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
  </select><br>
  brugernavn:<input type="text" name="brugernavn" disabled="disabled"><br>
  brugkode:<input type="text" name="brugkode" disabled="disabled">
</form>
Avatar billede joe_dalton Nybegynder
13. oktober 2005 - 13:34 #4
Hmm kan ikke helt se mig ud af det. er ret newbie til javascript! Skal bare bruge 3 textfelter og en knap som liver "enabled" når der står noget i alle 3 textfelter!
Avatar billede softspot Forsker
13. oktober 2005 - 13:40 #5
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
<meta name=ProgId content=VisualStudio.HTML>
<meta name=Originator content="Microsoft Visual Studio .NET 7.1">
</head>
<body>

<script type="text/javascript">
function doSetState(obj) {
  if(obj) {
    var bRes = true;
    bRes = bRes && obj.form.t1.value.length > 0;
    bRes = bRes && obj.form.t2.value.length > 0;
    bRes = bRes && obj.form.t3.value.length > 0;
    obj.form.klar.disabled = !bRes;
  }
}
</script>

<form action="" method="" ID="Form1">
  text1:<input type="text" name="t1" onkeyup="doSetState(this)"><br>
  text2:<input type="text" name="t2" onkeyup="doSetState(this)"><br>
  text3:<input type="text" name="t3" onkeyup="doSetState(this)"><br>
  <input type="button" name="klar" value="Klar" disabled>
</form>

</body>
</html>
Avatar billede joe_dalton Nybegynder
13. oktober 2005 - 13:46 #6
Fantastisk!! send et svar så får du point!
Avatar billede softspot Forsker
13. oktober 2005 - 14:06 #7
Jamen, det får du her så... :)
Avatar billede softspot Forsker
13. oktober 2005 - 14:24 #8
Tak for point :)
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