Ik heb een inschrijfformulier met verplichte velden. Alle velden werken dat die verplicht zijn om in voeren.
Alleen heb ik twee radio buttons voor 'geslacht' 'm' ,' v', Als ik nu in onderstaande script invul "geslacht" dan werkt het wel, maar al vul je vrouw in...dat zegt ie alsnog dat je niets heb ingevuld omdat de button voor man niet ingevuld is.
Hier zie je het formulieronderdeel voor het geslacht met radiobuttons
Hoe kan ik dit het beste oplossen?
Alleen heb ik twee radio buttons voor 'geslacht' 'm' ,' v', Als ik nu in onderstaande script invul "geslacht" dan werkt het wel, maar al vul je vrouw in...dat zegt ie alsnog dat je niets heb ingevuld omdat de button voor man niet ingevuld is.
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
| <script language="JavaScript">
function formulierTest(formulierVeld){
//Geef hier de naam in van de verplichte velden, zoals in je formulier:
var verplichtVeld = Array("bedrijdsnaam", "achternaam", "geslacht", "woonplaats", "telefoon", "email" );
//Geef hier de naam in die moet verschijnen in het alert-venster:
var veldBeschrijving = Array("bedrijfsnaam", "achternaam", "geslacht", "woonplaats", "telefoon", "email");
//Geef hier het bericht in:
var alertBoodschap = "Gelieve volgende velden in te vullen:\n";
//Hieronder niets wijzigen:
var Boodschap = alertBoodschap.length;
for (var i = 0; i < verplichtVeld.length; i++){var obj = formulierVeld.elements[verplichtVeld[i]];if (obj){switch(obj.type){case "select-one":
if (obj.selectedIndex == -1 || obj.options[obj.selectedIndex].text == ""){alertBoodschap += "-" + veldBeschrijving[i] + "\n";}break;case "select-multiple":
if (obj.selectedIndex == -1){alertBoodschap += " - " + veldBeschrijving[i] + "\n";}break;
case "text":case "textarea":if (obj.value == "" || obj.value == null){alertBoodschap += " - " + veldBeschrijving[i] + "\n";}break;default:
if (obj.value == "" || obj.value == null){alertBoodschap += " - " + veldBeschrijving[i] + "\n";}}}}
if (alertBoodschap.length == Boodschap){return true;}else{alert(alertBoodschap);return false;}}
</script> |
Hier zie je het formulieronderdeel voor het geslacht met radiobuttons
code:
1
2
3
| <td>Geslacht*<br><input style="width:20px;" type="radio" name="geslacht" value="man">M
<input style="width:20px;" type="radio" name="geslacht" value="vrouw">V
</td> |
Hoe kan ik dit het beste oplossen?