Witam,
Zrobilem walidacje formularza, która ma sprawdzac czy uzytkownik wprowadzil wartosci we wszystkie pola formularza.
Walidacja dziala jesli wszytskie elementy tablicy row mają "Yes".
W przypadku gdy w row[1]="No" chcialbym aby zostały sprawdzone pozostale dwa pola plec oraz kraj. Niestety tak się nie dzieje, formularz przechodzi gdy wszytskie pola sa puste
<script LANGUAGE= "JavaScript" type= "text/javascript"> function validateForm(rejestracja){
var tekst='';
if (rejestracja.plec.value==""){tekst=tekst+"- plec\n";}
if (rejestracja.zawod.value==""){tekst=tekst+"- zawód\n";}
if (rejestracja.kraj.value =="" ){tekst=tekst+"- kraj\n";}
if (tekst!="") {alert ("Błąd #882: \nNie uzupełniłeś następujących pól: \n\n"+tekst);
return false;
} else {
return true;
}
}
<form class="form-horizontal" method="post" onsubmit="return validateForm(this);">
<fieldset>
<legend>Close concession #
<?php echo $nr; ?></legend><br>
<?php
if ($row[0]=='Yes') {
echo '<div class="form-group">'; echo ' <label for="inputPeriod" class="col-lg-5 control-label">Podaj pleć: </label>'; echo ' <div class="col-lg-2">'; echo ' <div class="input-group date">'; echo ' <input maxlength="10" type="text" class="form-control" name="plec" placeholder="" ><span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>'; }
if ($row[1]=='Yes') {
echo '<div class="form-group">'; echo ' <label for="inputPeriod" class="col-lg-5 control-label">Podaj zawód: </label>'; echo ' <div class="col-lg-2">'; echo ' <div class="input-group date">'; echo ' <input maxlength="10" type="text" class="form-control" name="zawod" placeholder="" ><span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>'; }
if ($row[2]=='Yes') {
echo '<div class="form-group">'; echo ' <label for="inputPeriod" class="col-lg-5 control-label">Podaj kraj: </label>'; echo ' <div class="col-lg-2">'; echo ' <div class="input-group date">'; echo ' <input maxlength="10" type="text" class="form-control" name="kraj" placeholder="" ><span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>'; }