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> </td> <td> </td> </tr> <tr> <td width="150" valign="top">Navn</td> <td><input type="text" name="NavnDK" size="20" class="input"></td> <td> </td> <td> </td> </tr> <tr> <td width="150" valign="top">Beskrivelse</td> <td><input type="text" name="beskrivelseDK" size="20" class="input"></td> <td> </td> <td> </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> </td> <td> </td> </tr> <tr> <td width="150" valign="top">Navn</td> <td><input type="text" name="NavnNO" size="20" class="input"></td> <td> </td> <td> </td> </tr> <tr> <td width="150" valign="top">Beskrivelse</td> <td><input type="text" name="beskrivelseNO" size="20" class="input"></td> <td> </td> <td> </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> </td> <td> </td> </tr> <tr> <td width="150" valign="top">Navn</td> <td><input type="text" name="NavnSE" size="20" class="input"></td> <td> </td> <td> </td> </tr> <tr> <td width="150" valign="top">Beskrivelse</td> <td><input type="text" name="beskrivelseSE" size="20" class="input"></td> <td> </td> <td> </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>
Annonceindlæg tema
Offentlig digitalisering
Fra effektivisering til digital suverænitet. Hvordan skaber det offentlige en digital fremtid med AI, sikkerhed og kontrol i centrum?
15. marts 2005 - 22:37
#1
og det samme gælder selvfølgelig også for NO og SE
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> </td> <td> </td> </tr> <tr> <td width="150" valign="top">Navn</td> <td><input type="text" name="NavnDK" size="20" class="input"></td> <td> </td> <td> </td> </tr> <tr> <td width="150" valign="top">Beskrivelse</td> <td><input type="text" name="beskrivelseDK" size="20" class="input"></td> <td> </td> <td> </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> </td> <td> </td> </tr> <tr> <td width="150" valign="top">Navn</td> <td><input type="text" name="NavnNO" size="20" class="input"></td> <td> </td> <td> </td> </tr> <tr> <td width="150" valign="top">Beskrivelse</td> <td><input type="text" name="beskrivelseNO" size="20" class="input"></td> <td> </td> <td> </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> </td> <td> </td> </tr> <tr> <td width="150" valign="top">Navn</td> <td><input type="text" name="NavnSE" size="20" class="input"></td> <td> </td> <td> </td> </tr> <tr> <td width="150" valign="top">Beskrivelse</td> <td><input type="text" name="beskrivelseSE" size="20" class="input"></td> <td> </td> <td> </td> </tr> <tr> <td colspan="4" valign="top"><input type="submit" value="submit"></td> </tr> </table> </form> </body> </html>
Vi tilbyder markedets bedste kurser inden for webudvikling