12 mar 2008

Walidacja formularza w Javascript

Walidacja formularza w Javascript 

function vf() {

  var a = "";
  var b = "";

  if (document.f2.first_name.value == "") {
    if (!a) b = 'first_name';
    document.f2.first_name.style.background = 'yellow';
    a = a + " - podaj imię"
  }
  else
    document.f2.first_name.style.background = 'white';
  for (i = 1; i <= document.f2.uc.value; i++) {
    t_data_urodzenia_y = eval('document.f2.p' + i + '_dob_yyyy');

    if (t_data_urodzenia_y.selectedIndex == 0) {
      if (!a && t_data_urodzenia_d.selectedIndex == 0) b = 'p' + i + '_dob_yyyy';
      t_data_urodzenia_y.style.background = 'yellow';
      a = a + " - podaj datę urodzenia osoby nr " + i;
    }
    else {
      t_data_urodzenia_y.style.background = 'white';
    }
  }

  var c = document.getElementById('akc_war');
  if (!document.f2.warunki_uczestnictwa.checked) {
    if (!a) b = 'warunki_uczestnictwa';
    c.style.background = 'yellow';
    a = a + " - musisz zaakceptować warunki uczestnictwa";
  }
  else
    c.style.background = 'white';

  if (a) {
    alert("UWAGA!" + a);
    if (b) eval('document.f2.' + b + '.focus()');
    return false;
  }
  return true;
}

Wywołanie walidacji

<form name="f2" action="" onSubmit="return vf()">