[Resolvido]Ajuda validando página JSP com JavaScript

Front-end
#1

Boa Noite,

Pessoal, estou tentando a seguinte validação.


 <!-- JavaScript -->

<script language="javascript" type="text/javascript">
	function validar() {
		
		var nome_pais = formPais.nome_pais.value;
	
		if (nome_pais == "") {
			alert('Preencha o campo nome do País');
			formPais.nome_pais.focus();
			return false;
	}
</script>

Meu formlario na página JSP:

<form name="formPais" action="adicionaPais">
        <label>Nome do País</label>
            <br />
		<input type="text" name="nome_pais" id="nome_pais"/><br /> 
		<label>Código da Moeda</label>
            <br />
		<input type="text" name="cod_moeda" /><br /> 
		 <label>Nome Moeda</label>
            <br />
		<input type="text" name="nome_moeda" /><br /> 
		<label>DDD</label>
            <br />
		<input type="text" name="cod_ddd" /><br />
		<label>Código BACEN</label>
            <br />
		<input type="text" name="cod_bacen" /><br />
		
		<input type="submit" value="Gravar" onclick="validar()"/>
		<a href="index.html">Voltar</a>
	</form>

No Submit eu chamo a função Js:

<input type="submit" value="Gravar" onclick="validar()"/>

Só que não está validando, o sistema salva, mesmo com o nome não preenchido.

Alguém pode me ajudar?

Grato.

#2

retorna um boolean na sua função, e chama a funcao no onSubmit
…

vc nao esta acessando o valor direitinho com o codigo no javascript? achei
q tinha que usar getElementById ou JQuery e afim… masss…

abraços

#3

Cara da uma olhada em jquery e no plugin validate na net. Tem muito conteudo e vai resolver seus problemas.

#4

robson deu uma ótima sugestão, mas se for reter ao que você quer fazer, altere sua função do javascript:

** detalhe, está faltando fechar a { da tua função com }

function validar() {  
      
    var nome_pais = formPais.nome_pais.value;  
  
    if (nome_pais == "") {  
        alert('Preencha o campo nome do País');  
        formPais.nome_pais.focus();  
        return false;
    } else {
        document.forms[0].submit();
    }  
}

forms[0] pode substituir o 0 pelo nome do form forms[“formPais”]

no teu form, altere o botão também:

<input type="button" value="Gravar" onclick="validar()"/>
#5

Pessoal estou no serviço, mas anoite estarei modificando…

Sobre o jQuery, qual é vantagem?

Grato.

#6

robson deu uma ótima sugestão, mas se for reter ao que você quer fazer, altere sua função do javascript:

** detalhe, está faltando fechar a { da tua função com }

function validar() {  
      
    var nome_pais = formPais.nome_pais.value;  
  
    if (nome_pais == "") {  
        alert('Preencha o campo nome do País');  
        formPais.nome_pais.focus();  
        return false;
    } else {
        document.forms[0].submit();
    }  
}

forms[0] pode substituir o 0 pelo nome do form forms[“formPais”]

no teu form, altere o botão também:

<input type="button" value="Gravar" onclick="validar()"/> [/quote]

Deu certo, mas queria saber qual a diferença do Submit para o Button ?

#7

Cara, ao utilizar o tipo submit, ao final de uma operação, se não me engano, ele sempre realiza o submit, que é justamente para isso que ele serve, e o tipo button você renderizará um botão apenas, a ação a ser realizada é tomada por um elemento aliado a ele, como foi o exemplo do javascript, que no término da validação, se estiver tudo ok, ele envia o formulário.

#8

Obrigado pela ajuda.

#9