Walidacja pól w formularzu, jak dorobić walidację całego formularza? Opcje

[MOniToR]

Witam

Mam sobie taki skrypcik:

[HTML] pobierz, plaintext 
function checkUsernameForLength(whatYouTyped) {
	var fieldset = whatYouTyped.parentNode;
	var txt = whatYouTyped.value;
	reg = /^[a-zA-Z0-9]{6,255}$/;
	wyn = whatYouTyped.value.match(reg);
	if (wyn !== null) {
		fieldset.className = "welldone";
	}
	else {
		fieldset.className = "";
	}
}
function checkPassword(whatYouTyped) {
	var fieldset = whatYouTyped.parentNode;
	var txt = whatYouTyped.value;
	if (txt.length > 3 && txt.length < 6) {
		fieldset.className = "kindagood";
	} else if (txt.length > 5 && txt.length < 17) {
		fieldset.className = "welldone";
	} else {
		fieldset.className = "";
	}
}
function checkEmail(whatYouTyped) {
	var fieldset = whatYouTyped.parentNode;
	var txt = whatYouTyped.value;
	if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(txt)) {
		fieldset.className = "welldone";
	} else {
		fieldset.className = "";
	}
}
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}
function prepareInputsForHints() {
  var inputs = document.getElementsByTagName("input");
  for (var i=0; i<inputs.length; i++){
    inputs[i].onfocus = function () {
      this.parentNode.getElementsByTagName("span")[0].style.display = "inline";
    }
    inputs[i].onblur = function () {
      this.parentNode.getElementsByTagName("span")[0].style.display = "none";
    }
  }
}
addLoadEvent(prepareInputsForHints);
[HTML] pobierz, plaintext 

Waliduje mi on każde wyznaczone pole osobno przy użyciu np. dla pola z nazwą użytkownika: onkeyup="checkUsernameForLength(this);"
Walidacja polega na tym, że obok pola wyświetla mi stosowną informację, jakie znaki może zawierać wpis a gdy wpis jest odpowiedni pojawia się zielone info, że wszystko jest ok.

Ładnie to wygląda ale jak teraz zrobić, żeby można było wcisnąć przycisk submit tylko wtedy kiedy wszystkie pola są zweryfikowane jako "welldone" Dziękuje za pomoc:)

[Spawnm]

zamiast submit dajesz button z onclick do funkcji która sprawdza czy wszystko jest ok , jeśli tak to funkcja symulująca submit.
Ewentualnie daj div , w nim input button który podmienisz na submit jeśli będzie wszystko ok.

[MOniToR]

zamiast submit dajesz button z onclick do funkcji która sprawdza czy wszystko jest ok

Tak właśnie chciałem zrobić tylko nie wiem jak powinna wyglądać funkcja która by zebrała od innych funkcji, czy wszystkie pole są zweryfikowane jako 'welldone'. Bo nie chcę tworzyć nie potrzebnie funkcji, która w sobie będzie zawierać to samo co funkcje sprawdzające pola, ponieważ chciałbym abym mógł ten skrypt stosować do formularzy zawierających większą ilość pól.

EDIT
Udało mi się:)

[HTML] pobierz, plaintext 
function check_form() {
if(checkPassword(document.basicform.password)==1) {
return true;
} else if(checkUsernameForLength(document.basicform.username)==1){
return true;
} else {
alert("blad");
return false;
}
}
[HTML] pobierz, plaintext 

Ten post edytował MOniToR 10.03.2009, 16:07:48