Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

rogerio.prince

testar campos de formulario

Por , em Javascript

Recommended Posts

rogerio.prince    0

rogerio.prince
Postado

Pessoal estou testando os campos do meu formulario para obrigar preenchimento com o script abaixo,

só que eu preciso tambem verificar se o usuario escolheu o estado, cidade, categoria só que

esses campos são select como tambem verificar se eles concordaram com os termos que é um campo checkbox.

 

tem como aproveitar meu script e inserir essas vereficações para select e checkbox?

<script language="JavaScript">
 function enviardados(){
 
 if(document.cp.razaosocial.value=="" ||
 document.cp.razaosocial.value.length < 1)
 {
 alert( "Digite a razão social" );
 document.cp.razaosocial.focus();
 return false;
 }
 if(document.cp.emailresponsavel.value=="" ||
 document.cp.emailresponsavel.value.length < 1)
 {
 alert( "Digite o e-mail do responsável " );
 document.cp.emailresponsavel.focus();
 return false;
 }
 alert( "Selecione um Estado" );
 return false;
 }
 return true;
 }
</script>

<form name"cp" id="cp" method="post" action="cpacao.asp" onSubmit="return enviardados();">

é assim que eu uso...

 

Outra coisa é: tem como essa verificação ser manipulada e burlada? ou seja, é preciso eu fazer essa mesma verificação nas variaveis obtidas do formulario na minha pagina de ação que no meu caso é asp?

Compartilhar este post

Link para o post
Compartilhar em outros sites

klonder    14

klonder
Postado

Fiz um código-modelo:

 

<html>
<head>
<script type="text/javascript">
function validaForm(id){
var frm = document.frm1;
        
	if (frm.selCidade.value == "") {
		alert("Por favor, selecione uma cidade!");
		frm.selCidade.focus();
		return false;
	}
	
	var termos = false;
	//Varrendo todas as opções do radiobutton:
	for(i = 0; i < frm.termos.length; i++){
    	//Pegando apenas o elemento que está checado no momento;
		if (frm.termos[i].checked) {
    		//Verificar o valor do elemento que está checado;
			if (frm.termos[i].value == "aceito") {
				//Se o valor for igual a "aceito", os termos foram consentidos:
				termos = true;
			}
    	}
    }
    if (termos == false) {
		alert("Para prosseguir, você deve concordar com os termos.");
		return false;
	}
}
</script>
<form name="frm1" onsubmit="javascript: return validaForm()" method="post" action="">
Selecione um Estado: <select size="1" name="selCidade">
<option value=""></option>
<option value="Acre">Acre</option>
<option value="Amazonas">Amazonas</option>
<option value="Goiás">Goiás</option>
</select>
<br><br> Aceita os termos e condições do contrato?
<br>
<input type="radio" name="termos" value="aceito"> Sim
<input type="radio" name="termos" value="naoaceito" checked> Não
<br><br>
<input type="submit" value="Enviar">
</form>
</body>
</html>

Estou pegando o valor de botões do tipo radio, para verificar se o usuário concordou com os termos ou não. Entretanto, para checkbox é semelhante, bastando para isso seguir a mesma lógica.

Compartilhar este post

Link para o post
Compartilhar em outros sites

hinom    5

hinom
Postado

siga o exemplo do klonder.

 

 

apenas um reforço em alguns trechos

 

 

function validaForm(id){
var frm = document.frm1;
retire a segunda linha e troque o nome do parâmetro da função

 

ficaria assim:

function validaForm( frm ){

 

na tag form

<form name="frm1" onsubmit="javascript: return validaForm()" method="post" action="">
adicione a o parâmetro à função, especificando o objeto

 

ficaria assim:

<form name="frm1" onsubmit="javascript: return validaForm( this )" method="post" action="">

 

 

desse modo é mais seguro, pois dependendo das configurações do ambiente do usuário,

utilizar "var frm = document.frm1;" poderá não funcionar.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito