[Resolvido] com Validação

[JackDenio 0]

To tentando fazer uma lance aqui mais ta brabo.. é o seguinte, eu tenho uma validação assim..

 

function confere() {
		var form = document.forms.form1;
		var confere = 0;
		for (i = 0; i < form.elements.length; i++) {
			if (form.elements[i].type == "text" ) {
				if (form.elements[i].value == '') {
					document.form1.elements[i].className = "destaca";
					confere++;
				}
				else {
					document.form1.elements[i].className = "normal";
				}
			}
		}
		if (confere == 0) {
			form.submit();
		}
		else { 
			return false;
		}
	}

pra validar campos assim:

form name="form1" method="post" action="">
  <p>Nome 
	<input type="text" class="normal" name="textfield">
  </p>

Até ai beleza..so que eu presciso validar radio e um select e ai eu me perdi um pouco, se alguém puder ajudar ...

Abraço!!

[Luizgrs 0]

Para pegar tratar os selects e os radio buttons você pode adicionar dois 'else if' no primeiro IF.

 

Um verificando se o tagName do elemento é 'select', o que identifica os elementos select tanto no formato combo como listbox.

E outro verificando se o type é radio, para tratar os radio buttons.

[JackDenio 0]

Na verdade é por esse lado ai mesmo Luizgrs ..to postando aqui o script que o GuttoSP me passou, talvez ajuda a alguém!!

var confere = 0;
		for (i = 0; i < form.elements.length; i++) {
			if (form.elements[i].className != "naoObrigatorio" && form.elements[i].type == "text") {
				if (form.elements[i].value == '') {
					form.elements[i].className = "destaca";
					confere++;
				}
				else {
					form.elements[i].className = "normal";
				}
			}
			else if (form.elements[i].type == "checkbox")  {
				if (!form.elements[i].checked) {
					form.elements[i].className = "destaca";
					confere++;	
				}
				 else {
					form.elements[i].className = "normal";
				}
			}
			else if (form.elements[i].type == "radio") {
				if(!document.getElementById('cor').checked) {
					document.getElementById('cor').className = "destaca";
					confere++;	
				}
				 else {
					document.getElementById('cor').className = "normal";
				}
			}
			else if (form.elements[i].type == "select" && form.elements[i].className != "naoObrigatorio") {
				if(!document.getElementById('especialidade').selected) {
					document.getElementById('especialidade').className = "destaca";
					confere++;	
				}
				else {
					document.getElementById('especialidade').className = "normal";
				}
			}			
		}
		if (confere == 0) {
			return true;
		}
		else {
			return false;
		}
	}

Obs: Em todos os campos não obrigatórios colocar algo do tipo no

class="naoObrigatorio";

em razão de:

className != "naoObrigatorio"

e nos obrigatórios:

class="normal"

CSS:

.normal { border: 1px solid #000000; }
.destaca { border: 2px solid #00CC33; }

Abraço!!