Validação com Javascript e VRaptor

iai pessual, bele?

estou com um problema com validação do lado cliente com javascript e vraptor.

tenho o seguinte arquivo javascript: valida-form-parceiro.js

function validaForm(){

	d = document.form_parc;
	
	if(d.parceiro.nome.value == ""){
		alert("O campo nome deve ser preenchido!");
        d.parceiro.nome.focus();
        return false;
	}
	
	return true;
}

e um jsp de teste: testa-valida.jsp

<html>
<head>
	<title>Teste</title>
	<script src="../javascript/valida-form-parceiro.js"></script>	
	<script type="text/javascript">
		function recarrega(){
			alert("Parceiro cadastrado/atualizado com sucesso!!");
		}
	</script>
</head>
<body>
	<form name="form_parc" action="parceiro.armazena.logic" method="post" onSubmit="return validaForm()">
		Nome: <input name="parceiro.nome" value="${parceiro.nome}" type="text" size="93"/> <br>
		<input type="submit" value="Cadastrar" onclick="recarrega();">     
	</form>
</body>
</html>

só q quando clico no botão, ele num reconhece a função de js, pq ele cadastra o dado em branco no banco, e não faz a validação. Eu tenho esse msm exemplo, usando o atributo name do input nome. Estou achando que não esta funcionando pq meu atributo name do input se chama parceiro.nome ..

Porem ja q estou usando vraptor, sou obrigado a por esse nome no meu input. então, como posso fazer para esse js funcionar??

alguem pode me dar um help??

vlw

1 Resposta

cs.santos0 7 de fev. de 2008

desculpe pelo tópico.....problema resolvido!!!

para quem futuramente precisar....

a solução é:

function validaForm(){	

	if(document.getElementById("parceiro_nome").value == ""){
		alert("O campo nome deve ser preenchido!");
        document.getElementById("parceiro_nome").focus();
        return false;
	}

	return true;
}

function recarrega(){
	alert("Parceiro cadastrado/atualizado com sucesso!!");
}

<html>
<head>
	<title>Teste</title>
	<script src="../javascript/valida-form-parceiro.js"></script>
</head>
<body>
	<form name="form" action="parceiro.armazena.logic" method="post" onSubmit="return validaForm();">
		Nome: <input name="parceiro.nome" id="parceiro_nome" value="${parceiro.nome}" type="text" size="93"/> <br>
		<input type="submit" value="Cadastrar" onclick="recarrega();">
	</form>
</body>
</html>

resolve-se esse problema acrescentando o atributo id no campo desejado no formulario e acessando o msm por javascript atraves de:

document.getElementById("parceiro_nome")

é isso ai...vlw

1 Resposta

Topicos relacionados