Check op lege velden

Status
Niet open voor verdere reacties.

Remco31

Nieuwe gebruiker
Lid geworden
6 mrt 2018
Berichten
1
Hallo, ik ben met een script bezig wat ik gedeeltelijk gedownload heb om zo javascript en html te gaan leren.

Maar hoe kan ik in het volgende script checken of mijn velden wel allemaal zijn ingevuld?


HTML:
<html>
<head>
<style>




.halfsize {
    -moz-transform:scale(0.5);
    -webkit-transform:scale(0.5);
    transform:scale(0.5);
}
</style>
<script language="Javascript" >


function FillBilling(f) {
  if(f.billingtoo.checked == true) {
    f.bouw2.value = f.bouw.value;
    f.bnr2.value = f.bnr.value;
        f.prnr2.value = f.prnr.value;
            f.keuken2.value = f.keuken.value;
  }
}

    
function download(filename, text) {
     

                var filename = "bestandsnaam.xml"


  var pom = document.createElement('a');
  pom.setAttribute('href', 'data:text/plain;charset=utf-8,' + 

encodeURIComponent(text));
  pom.setAttribute('download', filename);

  pom.style.display = 'none';
  document.body.appendChild(pom);

  pom.click();

  document.body.removeChild(pom);


}



</script>
</head><center>
<body bgcolor="#1C5D87">
<font face="verdana" color="white">
<img src="logo.gif" border="0" title="" class="halfsize">    

<form onsubmit="download(this['name'].value, this['bouw'].value+' \n'+this['bnr'].value+' \n'+this['prnr'].value+'\n'+this['keuken'].value+' \n'+this['bouw2'].value+' \n'+this['bnr2'].value+' \n'+this['prnr2'].value);">
BOUW:<br>
  <input type="text" name="bouw" size="20"><br><br>
BNR:<br>
  <input type="text" name="bnr" size="20"><br><br>
PROJECTNUMMER:<br>
  <input type="text" name="prnr" size="20"><br><br>
  KEUKEN:<br>
<select name="keuken" length="20">
  <option value="Variant 1">Geen keuze gemaakt</option>
  <option value="Variant 1">Variant 1</option>
  <option value="Variant 2">Variant 2</option>
  <option value="Variant 3">Variant 3</option>
  <option value="Variant 4">Variant 4</option>
</select><br><br>
KOPIEER DATA:<br>
  <input type="checkbox" name="billingtoo" onclick="FillBilling(this.form)"><br><br><hr><br>
GEKOPIEERDE DATA:<br><br>
BOUW:<br><input type="text" name="bouw2" disabled><br><br>
BNR:<br><input type="text" name="bnr2" disabled><br><br>
PROJECTNUMMER:<br><input type="text" name="prnr2" disabled><br><br>

      <input name="naam" value="test verborgen" type="hidden">
 <br> <input type="submit" value="Opslaan">
</form>
</body>
</html>
 
Hoi, in de bijlage zit een voorbeeldje. Het lijkt erop dat je oude boeken gebruikt of de voorbeelden van verouderde websites haalt. Html, css en javascript horen in aparte bestanden tenzij het weinig code is.
Suc6. Have fun.
 

Bijlagen

  • form5.zip
    6,5 KB · Weergaven: 58
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan