Ir para conteúdo

POWERED BY:

Arquivado

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

Isabelly Lima

conferir campos sem enviar formulario

Por , em Javascript

Recommended Posts

Isabelly Lima    0

Isabelly Lima
Postado

Com o código a baixo eu verifico se o campo está vazio, porém, ao clicar em enviar, ele passa pra pagina de formulario (cadastro.php) e realiza o cadastro com os campos nulos.

Qual a melhor forma de conferir se o campo esta nulo antes que seja enviado para o formulário?

 

 

<html><head><script language="javascript" type="text/javascript">function valida() {	nome = document.form1.nome.value;	if(nome=="") {		alert("preencha o campo");		document.form1.nome.focus();	}	else {		alert("formulario enviado com sucesso");	}}</script><title>pagina</title></head><body><form name="form1" action="cadastro.php" method="post">Digite seu nome:<br><input type="text" name="nome"><br><br><input type="submit" value="enviar" onClick="valida()"></form></body></html>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

romerito    11

romerito
Postado

existem muitas maneiras de se fazer, mas vendo seu código eu faria da seguinte maneira,

mudaria o botao de submit passando o event:

<input type="submit" value="enviar" onClick="valida(event)">

 

e na função JS cancelaria o evento de submeter:

function valida(e) {
	nome = document.form1.nome.value;
	if(nome=="") {
		alert("preencha o campo");
		document.form1.nome.focus();
		e.preventDefault();
	} else {
		alert("formulario enviado com sucesso");
	}
}

 

espero que ajude, abraço!

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