Ir para conteúdo

POWERED BY:

Arquivado

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

Adriano06

validação javascript simples

Por , em Javascript

Recommended Posts

Adriano06    0

Adriano06
Postado

Olá pessoal,

 

Tenho essa função:

function campoObrigatorio(){
	if (document.form1.Nome.value == ''){
			alert('Nome é obrigatório!'); 
			return false;
	} else if (document.form1.CNPJ.value == ''){
			alert('CNPJ é obrigatório!');
			return false;
		}
	return true;
}

Problema se o usuário informar o CNPJ o campo Nome é limpo e dai ele tem que digitar tudo de novo por causa do campo CNPJ.

 

Como eu faço pra não limpar o campo Nome?

 

Obrigado!

Compartilhar este post

Link para o post
Compartilhar em outros sites

caiovisk    0

caiovisk
Postado

Você pode usar a o LENGHT, ai neste caso se o campo nome contiver menos que 4 letras ele retorna o alert e se o CNP`J contiver menos que 11 (não sei se o cnpj é 11 nºs mas é só colocar o certo) ele retorna o alert....

 

dessa forma ^se o usuário digitar apenas algumas letras no campo ele não valida...

 

Espero ter ajudado...

function campoObrigatorio(){
if (document.form1.Nome.value.length < 5){
alert('Nome é obrigatório!'); 
return false; 
} else if (document.form1.CNPJ.value.length < 11){
alert('CNPJ é obrigatório!');
return false;
}
return true;
}

abraços

http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Adriano06    0

Adriano06
Postado

Obrigado Caio mas o problema é o seguinte:

 

Se eu digitar o "Nome" e não digitar o "CNPJ" a função exibe a mensagem de que o CNPJ é obrigatório até ai tudo bem!

 

Problema: É que ele apaga o conteudo do campo "Nome".

Compartilhar este post

Link para o post
Compartilhar em outros sites

Adriano06    0

Adriano06
Postado 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title></title>

<style type="text/css">

<!--

body,td,th {

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

color: #333333;

}

body {

margin-left: 0px;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

}

.style1 {

font-size: 26px;

font-weight: bold;

font-style:italic;

color: #337C6B;

 

}.obterAjuda {

font-size: 12px;

font-weight: bold;

font-style:italic;

color:#337C6B;

}

a:link {

color: #333333;

text-decoration: none;

}

a:visited {

text-decoration: none;

color: #333333;

}

a:hover {

text-decoration: underline;

color: #333333;

}

a:active {

text-decoration: none;

color: #333333;

}

-->

</style>

<script type="text/JavaScript" language="javascript">

<!--

function campoObrigatorio(){

if (document.form1.Nome.value.length < 5){

alert('* Nome é obrigatório!');

return false;

} else if (document.form1.CNPJ.value.length < 11){

alert('* CNPJ é obrigatório!');

return false;

}

return true;

}

 

function MM_goToURL() { //v3.0

var i, args=MM_goToURL.arguments; document.MM_returnValue = false;

for (i=0; i<(args.length-1); i+=2) eval(args+".location='"+args[i+1]+"'");

}

//-->

</script>

<body>

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td colspan="2" background="Imagens/fundo_topo.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="22%"><img src="Imagens/logo.gif" width="166" height="41" /></td>

<td width="49%"><div align="center"><span class="style1"></span></div></td>

<td width="29%"><div align="left"><span class="obterAjuda">Para obter ajuda posicione o ponteiro do mouse em cima do item desejado.</span></div></td>

</tr>

</table></td>

</tr>

<tr class="janela_barra">

<td height="18" valign="middle" background="Imagens/fundo_topo.jpg"></td>

<td ><div align="right" class="style2"> </div></td>

</tr>

<tr>

<td colspan="2">

<p> </p>

<form action="" method="post" name="form1">

<table width="422" border="0" align="center" cellpadding="0" cellspacing="0" class="janela">

<tr valign="baseline">

<th colspan="2" align="right" nowrap><div align="center">Cliente</div></th>

</tr>

<tr valign="baseline">

<td nowrap align="right"><div align="left">Nome:</div></td>

<td><input name="Nome" type="text" value="" size="45" maxlength="40"></td>

</tr>

<tr valign="baseline">

<td nowrap align="right"><div align="left">CNPJ:</div></td>

<td><input name="CNPJ" type="text" size="20" maxlength="15"></td>

</tr>

<tr valign="baseline">

<td nowrap align="right"><div align="left">Código:</div></td>

<td><input name="Codigo" type="text" id="Codigo" size="20" maxlength="20" />

* Ao incluir cliente novo não preencha este campo. Será ignorado na gravação.</td>

</tr>

<tr valign="baseline">

<td nowrap align="right"><div align="left">Endereço:</div></td>

<td><input name="Endereco" type="text" value="" size="50" maxlength="50"></td>

</tr>

 

<tr valign="baseline">

<td nowrap align="right"><div align="left">Bairro:</div></td>

<td><input name="Bairro" type="text" value="" size="50" maxlength="45"></td>

</tr>

<tr valign="baseline">

<td nowrap align="right"><div align="left">Cidade:</div></td>

<td><input name="Cidade" type="text" value="" size="50" maxlength="45"></td>

</tr>

<tr valign="baseline">

<td nowrap align="right"><div align="left">Cep:</div></td>

<td><input name="Cep" type="text" onkeyup="return textoFormat(this,'99999-999',event)" value="" size="12" maxlength="9"></td>

</tr>

<tr valign="baseline">

<td nowrap align="right"><div align="left">UF:</div></td>

<td><input name="UF" type="text" value="" size="4" maxlength="2"></td>

</tr>

<tr valign="baseline">

<td nowrap align="right"><div align="left">E-Mail:</div></td>

<td><input name="EMail" type="text" id="EMail" size="50" maxlength="60" /></td>

</tr>

<tr valign="baseline">

<td nowrap align="right"><div align="left">Site:</div></td>

<td><input name="URL" type="text" id="URL" size="50" maxlength="60" /></td>

</tr>

 

<tr valign="baseline" class="janela_barra">

<td colspan="2" align="right" nowrap><div align="left">

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="34%"><input type="button" name="voltar" value="Voltar" onclick="MM_goToURL('parent','eventos_inserir.php'); return document.MM_returnValue"/></td>

<td width="25%"><div align="center">

<input type="submit" onclick="java script:campoObrigatorio();" value="Gravar" name="btnGravar"/>

</div></td>

<td width="41%"><div align="right">

<input name="Button" type="button" onclick="MM_goToURL('parent', 'clientes_pesquisar.php?acao=pesqEento& Nome=' +document.form1.Nome.value+ '&CNPJ=' +document.form1.CNPJ.value+ '&codigoLifeMed=' +document.form1.CodigoLifemed.value+ '&Endereco=' +document.form1.Endereco.value+ '&Bairro=' +document.form1.Bairro.value+ '&Cidade=' +document.form1.Cidade.value+ '&Cep=' +document.form1.Cep.value+ '&UF=' +document.form1.UF.value+ '&EMail=' +document.form1.EMail.value+ '&URL=' +document.form1.URL.value+ '&codigoLifemed=' +document.form1.CodigoLifemed.value);return document.MM_returnValue" value="Pesquisar" />

</div></td>

</tr>

</table>

</div></td>

</tr>

</table>

</form>

<p> </p>

</td>

</tr>

</table>

</body>

</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

caiovisk    0

caiovisk
Postado

Então Adriano,

 

é o seguinte, você colocou para ele chamar a função no onclick do botão de submit então ele faz a validação e envia o form, então você faz o seguinte coloca a chamada da função no form ai desta forma ele vai chamar a função verificar se é verdadeira e depois vai enviar o formulário...

 

vai ficar assim:

<form method="post" name="form1" action="" onSubmit="return campoObrigatorio();">

Qualquer coisa posta ai...

Abraços

http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

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