Walidacja formularza PHP, uniwersalny skrypt Opcje

[jurcio6]

Witam.

Mam problem - nie mogę poradzić sobie z walidacją formularza pod kątem wypełnienia pól. Nie chodzi tu jednak o zwykłe sprawdzenie poszczególnych pól. Cały pic polega na tym, że chciałbym wykorzystać tą jedną funkcję do co najmniej 5 różnych formularzy - stąd mowa o uniwersalności. Widziałem już wiele funkcji, które sprawdzają poszczególne pola (po nazwie), ale to mnie nie urządza, ponieważ w formularzach liczba i nazwy pól generowane są dynamicznie w PHP i wahają się od kilku do 100 pól - pisanie z palca skryptu sprawdzającego każde pole po nazwie jest raczej bez sensu. Aczkolwiek nie jest tak, że każde pole jest inne - wszystko leci wg wzoru, czyli np. mam 10 pól i ich nazwy: pole_1, pole_2 itd.

Czy zna ktoś może jakiś skrypt, który sprawdza, czy zostały wypełnione wszystkie pola w danym formularzu niezależnie od ich nazwy czy ilości? Ograniczę się do pól tekstowych. Optymalnie by było, żeby np. podświetlał puste pola w formularzu na czerwono.

Walidacja ma działać "onsubmit" - jak coś jest źle, to nie wysyła, jak ok - wysyła.

Ten post edytował jurcio6 29.01.2011, 15:02:47

[jurcio6]

Zapewne tak, ale wtedy jest jeszcze druga po stronie serwera (realizowana przez PHP), która nie przepuści pustych pól albo innych "cudaków". W moim przypadku ta walidacja w JS ma być bardziej pomocą dla użytkownika, niż zabezpieczeniem - chodzi zwyczajnie o to, żeby ktoś przypadkiem nie pominął któregoś z pól.

Udało mi się dorobić drugą część dla textarea, ale nie jest to zbyt eleganckie i optymalne... niestety próbując złożyć to w jedną pętlę nie działa. Nie znam na tyle JS. Czy byłby w stanie ktoś pomóc?

[HTML] pobierz, plaintext 
<script type="text/javascript" language="JavaScript">
var ClassName = "val";		//nazwa klasy elementów, które mają być poddane walidacji
var FocusColor = "#FFCC00"; 	//kolor podświetlenia niewypełnionego pola
 
function checkForm(theForm) {
	var error = false;
	var inputfields = document.getElementsByTagName("input");
	var textareas = document.getElementsByTagName("textarea");
 
	for(var x = 0 ; x < inputfields.length ; x++ ) {
		if(inputfields[x].getAttribute("class") == ClassName) {
			if (inputfields[x].value.length == 0) {
				inputfields[x].style.background = FocusColor; 
				error = true;
			} else {
				inputfields[x].style.background = 'White';
			}
		}
	}
 
	for(var x = 0 ; x < textareas.length ; x++ ) {
		if(textareas[x].getAttribute("class") == ClassName) {
			if (textareas[x].value.length == 0) {
				textareas[x].style.background = FocusColor; 
				error = true;
			} else {
				textareas[x].style.background = 'White';
			}
		}
	}
 
	if(error == true) {
		alert("Wypełnij wszystkie pola!");
		return false;
	}
}
</script>
[HTML] pobierz, plaintext 

Ten post edytował jurcio6 2.02.2011, 12:07:49