Avatar billede lund_dk Praktikant
15. marts 2005 - 22:36 Der er 3 kommentarer og
1 løsning

Validering af checkbox og input felt

<table border="0" cellpadding="0" cellspacing="3">



<tr>
        <td width="150" valign="top"><img src="images/flag/DK.gif"> <b>Dansk</b></td>
        <td><input type="checkbox" name="Sprog" value="DK"></td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td width="150" valign="top">Navn</td>
        <td><input type="text" name="NavnDK" size="20" class="input"></td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td width="150" valign="top">Beskrivelse</td>
        <td><input type="text" name="beskrivelseDK" size="20" class="input"></td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>

<tr>
        <td width="150" valign="top"><img src="images/flag/NO.gif"> <b>Norsk</b></td>
        <td><input type="checkbox" name="Sprog" value="NO"></td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td width="150" valign="top">Navn</td>
        <td><input type="text" name="NavnNO" size="20" class="input"></td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td width="150" valign="top">Beskrivelse</td>
        <td><input type="text" name="beskrivelseNO" size="20" class="input"></td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>

<tr>
        <td width="150" valign="top"><img src="images/flag/SE.gif"> <b>Svensk</b></td>
        <td><input type="checkbox" name="Sprog" value="SE"></td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td width="150" valign="top">Navn</td>
        <td><input type="text" name="NavnSE" size="20" class="input"></td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td width="150" valign="top">Beskrivelse</td>
        <td><input type="text" name="beskrivelseSE" size="20" class="input"></td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>


    </table>

Jeg har denne kode. Ved validering, ønsker jeg at hvis man eks har checked checkboxen Sprog - DK, så skal NavnDK og BeskrivelseDK også være udfyldt.Mangler et af disse felter, skal bruger have alert.

Altså, med andre ord. Har jeg cheched Sprog - DK, skal NavnDK og BeskrivelseDK være udfyldt. Og hvis ikke de er det, ja såskal bruger have alert.

Skal kodes ind i
<script language="JavaScript">
function Checkform(thisform) {
  // Startværdier
  strError = '';
  elm = null;
 

  var chckd = false,chk = thisform.Sprog;
  for(i=0;chk.length>i;i++)chckd = chckd || chk[i].checked;
  if (!chckd){
    strError = strError + '-Du skal krydse MINDST 1 sprog af.\n\n -Kryds det/de sprog af du har valgt at oprette.'
    if(!elm){
      elm = chk[0];
      elm.focus();
    }
}

 
  if (strError != '') {
    alert('Fejl i indtastning af data:\n\n' + strError)
    return false;
  }
  return true;
}

</script>
Avatar billede lund_dk Praktikant
15. marts 2005 - 22:37 #1
og det samme gælder selvfølgelig også for NO og SE
Avatar billede yellow Nybegynder
16. marts 2005 - 00:55 #2
Har tilladt mig at skrive lidt om i det eksisterende javascript kode, men funktionaliteten er samme:

<html>
<head>
<script type="text/javascript">
  var strPreError = 'Fejl i indtastning af data:\n\n';
  function CheckForm( thisform ){
    var dk=thisform.Sprog[0],no=thisform.Sprog[1],se=thisform.Sprog[2];
    if( !(dk.checked || no.checked || se.checked) ){
      alert( strPreError + '-Du skal krydse MINDST 1 sprog af.\n\n -Kryds det/de sprog af du har valgt at oprette.' )
      return false;
    }
    if(dk.checked && !CheckField(thisform.NavnDK,'Du skal udfylde dansk navn.')) return false;
    if(dk.checked && !CheckField(thisform.beskrivelseDK,'Du skal udfylde dansk beskrivelse.')) return false;
    if(no.checked && !CheckField(thisform.NavnNO,'Du skal udfylde norsk navn.')) return false;
    if(no.checked && !CheckField(thisform.beskrivelseNO,'Du skal udfylde norsk beskrivelse.')) return false;
    if(se.checked && !CheckField(thisform.NavnSE,'Du skal udfylde svensk navn.')) return false;
    if(se.checked && !CheckField(thisform.beskrivelseSE,'Du skal udfylde svensk beskrivelse.')) return false;
    return true;
  } 
  function CheckField( formField, error ){
    blankReg = /^\s*$/;
          if( blankReg.test( formField.value ) ){       
            alert( strPreError + error );
            formField.select();
            formField.focus();
            return false;     
          }   
          return true;
  }

</script>
</head>
<body>
<form onsubmit="return CheckForm(this);">
<table border="0" cellpadding="0" cellspacing="3">
  <tr>
          <td width="150" valign="top"><img src="images/flag/DK.gif"> <b>Dansk</b></td>
          <td><input type="checkbox" name="Sprog" value="DK"></td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
  </tr>
  <tr>
          <td width="150" valign="top">Navn</td>
          <td><input type="text" name="NavnDK" size="20" class="input"></td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
  </tr>
  <tr>
          <td width="150" valign="top">Beskrivelse</td>
          <td><input type="text" name="beskrivelseDK" size="20" class="input"></td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
  </tr>
  <tr>
          <td width="150" valign="top"><img src="images/flag/NO.gif"> <b>Norsk</b></td>
          <td><input type="checkbox" name="Sprog" value="NO"></td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
  </tr>
  <tr>
          <td width="150" valign="top">Navn</td>
          <td><input type="text" name="NavnNO" size="20" class="input"></td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
  </tr>
  <tr>
    <td width="150" valign="top">Beskrivelse</td>
    <td><input type="text" name="beskrivelseNO" size="20" class="input"></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
          <td width="150" valign="top"><img src="images/flag/SE.gif"> <b>Svensk</b></td>
          <td><input type="checkbox" name="Sprog" value="SE"></td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
  </tr>
  <tr>
    <td width="150" valign="top">Navn</td>
    <td><input type="text" name="NavnSE" size="20" class="input"></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td width="150" valign="top">Beskrivelse</td>
    <td><input type="text" name="beskrivelseSE" size="20" class="input"></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td colspan="4" valign="top"><input type="submit" value="submit"></td>
  </tr>
</table>
</form>
</body>
</html>
Avatar billede lund_dk Praktikant
15. juni 2005 - 13:22 #3
Smider du et svar ?
Avatar billede yellow Nybegynder
23. juni 2005 - 08:41 #4
svar
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