[Resolvido] Problema com Validação de List/Menu

[Gabriel Zago 0]

Bom Dia pessoal,

 

to com um probleminha pra validar meu list/menu quando clico no botão enviar...

 

se alguém puder me da uma ajuda... ai abaixo está minha função e minha tag(select):

 

 

function enviando() {

 

//validação list menu

if(document.forms[0].estado_civil.select){

if(document.forms[0].estado_civil.options=="- Selecionar -"){

window.alert("Selecione o campo ESTADO CIVIL");

document.forms[0].estado_civil.focus();

return false;

}

}

 

 

}

 

 

TAG:

 

<td width="445" height="42"><span class="style5">Estado Civil*:</span>

<label>

<select name="estado_civil" size="1" id="estado_civil">

<option>- Selecionar -</option>

<option>Solteiro(a)</option>

<option>Casado(a)</option>

<option>Viuvo(a)</option>

</select>

 

 

 

O Button está funcionando normal, pois tenho dentro dessa mesma função validações de campo q está funcionando normalmente, só essa q não está validando...

 

 

desde já agradeço

 

Sds...

 

Gabriel Zago

[Alexandre R 0]

Algumas sugestões:

1 - Se você não utilizar o atributo value nas tags options a pagina o select não irá enviar nenhum dado.

2 - com o atributo value você podera fazer validações mais consistentes

3 - utiliza a função getElementById para pegar um campo

 

Para resolver o seu problema:

if(document.forms[0].estado_civil.options[document.forms[0].estado_civil.selectedIndex].text=="- Selecionar -"){

 

minha sugestão é mudar tudo para que fique algo do tipo:

 

function enviando() {
	//validação list menu
	var estCivil = document.getElementById('estado_civil');
	if(estCivil.options[estCivil.selectedIndex].value == ""){
		window.alert("Selecione o campo ESTADO CIVIL");
		estCivil.focus();
		return false;
	}
}

 

 

TAG:

<td width="445" height="42"><span class="style5">Estado Civil*:</span>
<label>
<select name="estado_civil" size="1" id="estado_civil">
<option value="">- Selecionar -</option>
<option value="Solteiro(a)">Solteiro(a)</option>
<option value="Casado(a)">Casado(a)</option>
<option value="Viuvo(a)">Viuvo(a)</option>
</select>

[Gabriel Zago 0]

Muito bom Alexandre...

 

deu certinho cara, pq sou meio leigo em JS ainda cara... rs

 

 

Vlw ai meu rei...

 

Abraço

 

Gabriel Zago