Søg
Avatar billede jps2mt Nybegynder
01. marts 2004 - 19:00 Der er 21 kommentarer og
1 løsning

Enable submit knap når et felt er udfyldt

Jeg har lidt problemer med der her script:

function chkData() {
//  if (document.getElementsByName("brugernavn").value != "" && document.getElementsByName("password1").value != "" && document.getElementsByName("password2").value != "" && (document.getElementsByName("password1").value == document.getElementsByName("password2").value) && document.getElementsByName("fornavn").value != "" && document.getElementsByName("efternavn").value != "" && document.getElementsByName("adresse1").value != "" && document.getElementsByName("postnum").length == "4" && document.getElementsByName("email").value != "") {
  if (document.getElementsByName("brugernavn").value > "") {
  document.getElementById("vidre").disabled = false;
  } else {
  document.getElementById("vidre").disabled = true;
  }
} 

Grunden til at noget af det er udkommenteret er at jeg lige vil have det til at virke i en simpel udgave før jeg sætter resten i aktion...

Jeg kalder den med onkeyup="chkData()" i tekstfeltet brugernavn men der sker ikke noget når jeg skriver i feltet...
Avatar billede mm12010 Nybegynder
01. marts 2004 - 19:09 #1
if (document.getElementsByName("brugernavn").value!="") {
Avatar billede thesurfer Nybegynder
01. marts 2004 - 19:10 #2
Jeg ville nok lave den, noget i stil med:

<script type="text/JavaScript">
function chkData(frm) {
//  if (frm.brugernavn.value != "" && frm.password1.value != "" && frm.password2.value != "" && (frm.password1.value == frm.password2.value) && frm.fornavn.value != "" && frm.efternavn.value != "" && frm.adresse1.value != "" && frm.postnum.length == "4" && frm.email.value != "") {

  if (frm.brugernavn.value != "") {
  frm.videre.disabled = false;
  } else {
  frm.videre.disabled = true;
  }
}
</script>

<form name="frminfo">
<input type="text" name="brugernavn" onkeyup="chkData(this.form)">
<br>
<input type="submit" name="videre" disabled value="Send">
</form>
Avatar billede skovenborg Nybegynder
01. marts 2004 - 19:12 #3
hvis du skal bruge getElementsByName skal du lige vide at den returner et array med alle de elementer der har det pågældende navn (da flere elementer jo godt kan have det samme navn - bare ikke ID)

Så den korrekte måde er at skrive:
document.getElementsByName("brugernavn")[0].value
Avatar billede thesurfer Nybegynder
01. marts 2004 - 19:12 #4
glemte lige en forklaring :)

Rettelser:
- "videre" var stavet forker.
- du havde skrevet .value > "", som jeg så har rettet til .value != ""

Nyt: chkData(this.form) (this.form delen)

Den sender automatisk form-objektet med, så man kan nøjes med at skrive "frm", som står mellem () i function chkData(frm).
Avatar billede thesurfer Nybegynder
01. marts 2004 - 19:14 #5
.. jeg har også erstattet alle document.getElementsByName("NAVN-HER").value med frm.NAVN-HER.value
Avatar billede jps2mt Nybegynder
01. marts 2004 - 20:10 #6
Nu giver den "brugernavn is null or not an object" istedet...
Avatar billede thesurfer Nybegynder
01. marts 2004 - 20:15 #7
Hvilken kode har du brugt?
Avatar billede jps2mt Nybegynder
01. marts 2004 - 20:18 #8
thesurfer > Den du gav, da jeg havde prøvet de andre...
Avatar billede thesurfer Nybegynder
01. marts 2004 - 20:19 #9
Jeg har teste følgende kode (nøjagtigt som det står) i Mozilla Firefox, Internet Explorer og Opera, hvor det virkede som det skulle:


<script type="text/JavaScript">
function chkData(frm) {
//  if (frm.brugernavn.value != "" && frm.password1.value != "" && frm.password2.value != "" && (frm.password1.value == frm.password2.value) && frm.fornavn.value != "" && frm.efternavn.value != "" && frm.adresse1.value != "" && frm.postnum.length == "4" && frm.email.value != "") {

  if (frm.brugernavn.value != "") {
  frm.videre.disabled = false;
  } else {
  frm.videre.disabled = true;
  }
}
</script>

<form name="frminfo">
<input type="text" name="brugernavn" onkeyup="chkData(this.form)">
<br>
<input type="submit" name="videre" disabled value="Send">
</form>
Avatar billede jps2mt Nybegynder
01. marts 2004 - 20:26 #10
Arh...Fandt ud af at problemet var <body onload="chkData(document.order)"> der lavede skidt i den :(
Avatar billede thesurfer Nybegynder
01. marts 2004 - 20:31 #11
1) Hvad bruger du den til?
2) Fik du et svar på dit spørgsmål? Hvis ikke, hvad mangler?
Avatar billede jps2mt Nybegynder
01. marts 2004 - 20:35 #12
Jo, jeg fik det til at virke, smid du bare et svar...
Avatar billede thesurfer Nybegynder
01. marts 2004 - 20:37 #13
OK, her er et svar.
Avatar billede thesurfer Nybegynder
01. marts 2004 - 20:38 #14
Virker det også med den kode du har kommenteret? Hvis ikke, sig lige til.. så kigger jeg på det.
Avatar billede jps2mt Nybegynder
01. marts 2004 - 20:46 #15
Det gør det faktisk ikke...Har nemlig lige siddet og bøvlet med den...Den virker ikke, den holder knappen disabled...
Avatar billede thesurfer Nybegynder
01. marts 2004 - 20:50 #16
Smid hele din kode herind.. så behøver jeg ikke at gætte mig til, hvad du bruger :)
Dvs, hele JavaScript koden + hele HTML koden.
Avatar billede jps2mt Nybegynder
01. marts 2004 - 20:54 #17
HELE koden??? Den er MEGET MEGET lang :)
Avatar billede jps2mt Nybegynder
01. marts 2004 - 20:56 #18
<html>

<head>
<meta http-equiv="Content-Language" content="da">
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Bestilling</title>
<style>
<!--
.fs1pt      { font-size: 1pt }
a:link    {text-decoration:none}
a:visited {text-decoration:none}
a:hover {text-decoration:underline}
-->
</style>
<script type="text/javascript" language="javascript">
function chkData(frm) {
  if (frm.brugernavn.value != "" && frm.password1.value != "" && frm.password2.value != "" && (frm.password1.value == frm.password2.value) && frm.fornavn.value != "" && frm.efternavn.value != "" && frm.adresse1.value != "" && frm.postnum.length == "4" && frm.email.value != "") {
  frm.videre.disabled = false;
  } else {
  frm.videre.disabled = true;
  }
}
</script>
<meta name="Microsoft Theme" content="skyglobe_flash 011">
</head>

<body topmargin="0" leftmargin="0" MARGINWIDTH="0" MARGINHEIGHT="0"><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber1" background="images/image1.jpg">
  <tr>
    <td rowspan="2" width="290" background="images/image1.jpg">
    <embed width="290" height="62" src="images/image1.swf"></td>
    <td background="images/bg_topblue.gif" height="18" width="100%" align="right"><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" id="AutoNumber2">
      <tr>
        <td width="36" background="images/bg_gbtn.gif" class="fs1pt" valign="bottom">
        <img border="0" src="images/gbtn_left.gif" width="36" height="18"></td>
        <td background="images/bg_gbtn.gif" class="fs1pt">
        <!--webbot bot="Navigation" S-Orientation="horizontal" S-Rendering="graphics" S-Type="global" B-Include-Home="TRUE" B-Include-Up="FALSE" --></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td background="images/bg_topblue.gif" width="100%" height="44" align="right">
    <img border="0" src="images/logo.gif" width="198" height="44"></td>
  </tr>
</table><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber3">
  <tr>
    <td height="18" width="7" background="images/bg_topblue.gif">
    <img border="0" src="images/blank.gif" width="7" height="18"></td>
    <td height="18" width="100%" background="images/bg_topblue.gif">&nbsp;</td>
  </tr>
</table><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber4" height="100%">
  <tr>
    <td valign="top" width="7" background="images/bg_topblue.gif" rowspan="3" class="fs1pt" bgcolor="#3165CE">
    <img border="0" src="images/blank.gif" width="7" height="7"></td>
    <td valign="top" width="172" background="images/bg_vbtn.gif" align="center" rowspan="3">
    <img border="0" src="images/blank.gif" width="172" height="10"><br>
    <!--webbot bot="Navigation" S-Orientation="vertical" S-Rendering="graphics" S-Type="top" B-Include-Home="FALSE" B-Include-Up="FALSE" --></td>
    <td valign="top" width="19" background="images/bg_vbtnline.gif" rowspan="3">
    <img border="0" src="images/blank.gif" width="19" height="10"></td>
    <td valign="top" width="100%" height="100%"><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber5">
      <tr>
        <td width="100%" class="fs1pt" height="10" colspan="3">
        <img border="0" src="images/blank.gif" width="10" height="10"></td>
      </tr>
      <tr>
        <td width="36" height="29">
        <img border="0" src="images/bullet_bnr.gif" width="36" height="29"></td>
        <td width="10">
        <img border="0" src="images/blank.gif" width="10" height="29"></td>
        <td width="100%">
        <!--webbot bot="Navigation" S-Type="banner" S-Orientation="horizontal" S-Rendering="graphics" --></td>
      </tr>
      <tr>
        <td width="100%" class="fs1pt" height="10" colspan="3">
        <img border="0" src="images/blank.gif" width="10" height="10"></td>
      </tr>
    </table><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber6" height="19">
      <tr>
        <td width="14">
        <img border="0" src="images/mainbar_left.gif" width="14" height="19"></td>
        <td background="images/bg_mainbar.gif" width="100%">
        <font size="2" color="#FFFFFF"><b>Sammensæt din bestilling her</b></font></td>
        <td width="30">
        <img border="0" src="images/mainbar_right.gif" width="30" height="19"></td>
      </tr>
    </table>
    <form method="POST" name="order" action="--WEBBOT-SELF--" onsubmit="return FrontPage_Form1_Validator(this)" language="JavaScript">
      <!--webbot bot="SaveResults" U-File="_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" startspan --><input TYPE="hidden" NAME="VTI-GROUP" VALUE="0"><!--webbot bot="SaveResults" i-checksum="43374" endspan -->
      <div align="center">
        <table border="0" style="border-collapse: collapse">
          <tr>
            <td width="258"><font size="2">Ønsket brugernavn</font><br>
            <font size="1">check om brugernavnet er ledigt</font></td>
            <td>
            <!--webbot bot="Validation" s-display-name="Ønsket Brugernavn" b-value-required="TRUE" i-minimum-length="1" i-maximum-length="20" --><input type="text" name="brugernavn" size="27" tabindex="1" style="font-family: Verdana; font-size: 10pt" maxlength="20" onkeyup="chkData(this.form)"></td>
          </tr>
          <tr>
            <td width="258"><font size="2">Password</font></td>
            <td>
            <!--webbot bot="Validation" s-display-name="Password" b-value-required="TRUE" i-minimum-length="1" i-maximum-length="16" --><input type="password" name="password1" size="27" tabindex="2" maxlength="16" onkeyup="chkData(this.form)"></td>
          </tr>
          <tr>
            <td width="258"><font size="2">Gentag password</font></td>
            <td>
            <!--webbot bot="Validation" s-display-name="Gentag Password" b-value-required="TRUE" i-minimum-length="1" i-maximum-length="16" --><input type="password" name="password2" size="27" tabindex="3" maxlength="16" onkeyup="chkData(this.form)"></td>
          </tr>
          <tr>
            <td width="258">&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td width="258"><font size="2">Pakke</font></td>
            <td>
            <!--webbot bot="Validation" s-display-name="Vælg pakke" b-disallow-first-item="TRUE" --><select size="1" name="pakke" tabindex="4" onkeyup="chkData(this.form)">
            <option selected value="0">Vælg pakke ...</option>
            <option value="1">Mini site</option>
            <option value="2">Midi site</option>
            <option value="3">Maxi site</option>
            <option value="4">Super site</option>
            <option value="5">Mini mail</option>
            <option value="6">Midi mail</option>
            <option value="7">Maxi mail</option>
            <option value="8">Super mail</option>
            </select></td>
          </tr>
          <tr>
            <td width="258"><font size="2">Domæne<br>
            </font><font size="1">søg på domæne</font></td>
            <td><input type="text" name="domain" size="27" tabindex="5"></td>
          </tr>
          <tr>
            <td width="258">&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td width="258"><font size="2">Fornavn</font></td>
            <td>
            <!--webbot bot="Validation" s-display-name="Fornavn" s-data-type="String" b-allow-letters="TRUE" b-allow-whitespace="TRUE" b-value-required="TRUE" i-minimum-length="1" --><input type="text" name="fornavn" size="27" tabindex="6" onkeyup="chkData(this.form)"></td>
          </tr>
          <tr>
            <td width="258"><font size="2">Efternavn</font></td>
            <td>
            <!--webbot bot="Validation" s-display-name="Efternavn" s-data-type="String" b-allow-letters="TRUE" b-allow-whitespace="TRUE" b-value-required="TRUE" i-minimum-length="1" --><input type="text" name="efternavn" size="27" tabindex="7" onkeyup="chkData(this.form)"></td>
          </tr>
          <tr>
            <td width="258"><font size="2">Adresse</font></td>
            <td>
            <!--webbot bot="Validation" s-display-name="Adresse" b-value-required="TRUE" i-minimum-length="1" --><input type="text" name="adresse1" size="27" tabindex="8" onkeyup="chkData(this.form)"></td>
          </tr>
          <tr>
            <td width="258">&nbsp;</td>
            <td><input type="text" name="adresse2" size="27" tabindex="9"></td>
          </tr>
          <tr>
            <td width="258"><font size="2">Postnummer</font></td>
            <td>
            &nbsp;<!--webbot bot="Validation" s-display-name="Postnummer" s-data-type="Number" s-number-separators="x." b-value-required="TRUE" i-minimum-length="4" i-maximum-length="4" s-validation-constraint="Greater than" s-validation-value="0000" s-validation-constraint="Less than or equal to" s-validation-value="9999" --><input type="text" name="postnum" size="4" tabindex="10" maxlength="4" onkeyup="chkData(this.form)"></td>
          </tr>
          <tr>
            <td width="258"><font size="2">By</font></td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td width="258"><font size="2">Telefon</font></td>
            <td>
            <!--webbot bot="Validation" s-display-name="Telefon" s-data-type="Integer" s-number-separators="x" i-maximum-length="8" --><input type="text" name="telefon" size="27" tabindex="11" maxlength="8"></td>
          </tr>
          <tr>
            <td width="258"><font size="2">E-mail</font></td>
            <td>
            <!--webbot bot="Validation" s-display-name="email" s-data-type="String" b-allow-letters="TRUE" b-allow-digits="TRUE" s-allow-other-chars=".@" b-value-required="TRUE" i-minimum-length="5" i-maximum-length="255" --><input type="text" name="email" size="27" tabindex="12" maxlength="255" onkeyup="chkData(this.form)"></td>
          </tr>
          <tr>
            <td width="258">&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td width="258"><font size="2">Bemærkninger til bestillingen</font></td>
            <td><textarea rows="5" name="remarks" cols="24" tabindex="13"></textarea></td>
          </tr>
          <tr>
            <td colspan="2">
            <p align="center">
            <input type="button" value="Videre &gt;" style="font-family: Verdana; font-size: 10pt" tabindex="14" id="videre" disabled></td>
          </tr>
        </table>
      </div>
    </form>
    <p>
    <br>
    </td>
    <td valign="top" align="center" width="193"><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber13">
          <tr>
            <td width="25%" align="center">
            <a href="#" style="text-decoration: none">
            <img border="0" src="images/icon1.gif" width="26" height="27"></a></td>
            <td width="25%" align="center">
            <a href="#" style="text-decoration: none">
            <img border="0" src="images/icon2.gif" width="26" height="27"></a></td>
            <td width="25%" align="center">
            <a href="#" style="text-decoration: none">
            <img border="0" src="images/icon3.gif" width="26" height="27"></a></td>
            <td width="25%" align="center">
            <a href="#" style="text-decoration: none">
            <img border="0" src="images/icon4.gif" width="26" height="27"></a></td>
          </tr>
        </table><img border="0" src="images/blank.gif" width="193" height="1"><br>
    <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="175" id="AutoNumber8">
      <tr>
        <td width="100%" background="images/bg_newstitle.gif" height="21" align="center">
        <font size="2" color="#165C93"><b>Vidste du at ...</b></font></td>
      </tr>
      <tr>
        <td width="100%" background="images/bg_newsbody.gif"><table border="0" cellpadding="7" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber10">
          <tr>
            <td width="100%"><font size="1">Din bestilling bliver først
            gennemført når vi har modtaget din betaling.<br>
&nbsp;</font></td>
          </tr>
        </table></td>
      </tr>
      </table>
    <br><br>
    </td>
  </tr>
  <tr>
    <td width="100%" align="center" colspan="2">
    &nbsp;</td>
  </tr>
  <tr>
    <td width="100%" align="center" colspan="2" height="30">
    <font size="1" face="Verdana, Arial, Helvetica">Copyright &copy; [Year] [Your Company Name LTD].
        All rights reserved</font></td>
  </tr>
</table></body>

</html>
Avatar billede thesurfer Nybegynder
01. marts 2004 - 21:12 #19
Kigger lige på det..
Avatar billede thesurfer Nybegynder
01. marts 2004 - 21:21 #20
Fandt fejlen.. rettelsen:

frm.postnum.value.length  (du glemte .value)
Avatar billede jps2mt Nybegynder
01. marts 2004 - 21:36 #21
Yesses...Så var den der...Tak skal du have... :)
Avatar billede thesurfer Nybegynder
01. marts 2004 - 21:47 #22
Det var så lidt :)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 22:58 Kan man undgå at få vist referer når der klikkes på links Af Strawberry i Browsere
I går 12:21 Er det svindel eller fra Microsoft Af mort1 i Andet sikkerhed
15/0811:56 Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
14/0810:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
White papers
Flere white papers »