Ir para conteúdo

Arquivado

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

Ahanna_B

Validar campos do formulário após utilização do XMLHttpRequest

Por , em Javascript

Recommended Posts

Ahanna_B    0

Ahanna_B
Postado

Olá,

 

Tenho um formulário com três combobox que são atualizados conforme a opção escolhida pelo usuário (utilizando XMLHttpRequest). Após isso, ainda existem outros campos que precisam ser validados, como CPF, número do processo, e outros - estava usando javascript - mas não consigo fazê-lo.

Se alguém puder postar como devo proceder para que, após os comandos em ajax, eu consiga executar os outros scripts de validação, agradeço imensamente.

 

Abraço.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Daniel_Moraes    11

Daniel_Moraes
Postado

Não ta bem explicado mais isso pode te ajudar :

function valida(campo){
if(campo.name == "cpf"){
var cpf = /^\d{3}.\d{3}.\d{3}-\d{2}$/;
if(!cpf.test(document.form.campo.value)){
     alert("O campo CPF deve conter somente números");
     return false;
} 
} elseif(campo.name == "telefone"){
var telefone = /\(\d{2}\)\d{4}\-\d{4}/;
if(!telefone.test(document.form.campo.value)){
     alert("O campo TELEFONE deve conter somente números");
     return false;
} 
}  //... e assim vai
}
// No input você coloca onblur="return valida(this);"

Você deve ter um conhecimento minino para entender o codigo.

Caso não cnseguir poste o form e o script aqui que eu altero pra você.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ahanna_B    0

Ahanna_B
Postado

Obrigada Daniel, mas mesmo usando o onblur não consigo chamar as funções... Segue meu código:


<script language="javascript" type="text/javascript" src="script.js">
function validaCampo()
{
 if (document.getElementById('categoria').value =="")
   {
      alert("O campo Categoria é obrigatório!");
      document.getElementById('categoria').focus();
      return false;             
    }

 if (document.getElementById('grupo').value =="")
       {
           alert("Selecione um Grupo");
           document.getElementById('grupo').focus();
           return false;             
       } 

 if (document.getElementById('CPF').value =="")
       {
           alert("Insira o CPF do proponente...");
           document.getElementById('CPF').focus();
           return false;             
       } 

 if (document.getElementById('cadastro').value =="")
       {
           alert("Selecione o status do cadastro.");
           document.getElementById('cadastro').focus();
           return false;             
       } 
}

function Numero(e)
{
navegador = /msie/i.test(navigator.userAgent);
if (navegador)
var tecla = event.keyCode;
else
var tecla = e.which;

if(tecla > 47 && tecla < 58) // numeros de 0 a 9
return true;
else
{
if (tecla != 8) // backspace
return false;
else
return true;
}
}

</script>

<h3 align="center">Cadastro</h3><br>

<body onload='javascript:Atualiza(); Atualiza2(); InsertBD();'>
<form id="cadastro" name="cadastro" method="GET" action="insertdb.php"> 
<table border="0">
<tr>
	<td width="33%" valign="top" align="left"><h4>Categoria</h4>
	</td>
	<td width="33%"valign="top" align="left"><h4>Grupo</h4>
	</td>
</tr>
<tr>
	<td width="33%" valign="top" align="left">
               <select align="left" name="categoria" onchange="javascript:Atualiza(this.value)";>
                       <option>---Escolha uma opção---</option>
                           <?php
                           include "conexaoc.inc";
                           header('Content-Type: text/html; charset=ISO-8859-1');
                           $sql = "SELECT DISTINCT coban FROM categoria_tabela_dados";
                           $resultado = @mysql_query($sql) or die("Problema na Consulta");
                           While ($linha = mysql_fetch_array($resultado)) {
                               echo "<option value='" . $linha[0] . "'>" . $linha[0] . "</option>";
                           }
?>
</select></td>

<td width="33%" valign="top" align="left">
<div align ="left" id="atualiza"></div>
</td>
<td width="33%" valign="top" align="left">
<div align ="left" id="atualiza2"></div>
</td>
<tr>
<td></td>
</tr>
<tr><td valign="top" align="left"><h4>PROPOSTA
</td>
<td valign="top" align="left"><h4>CPF
</td>
<td valign="top" align="letf"><h4>CADASTRO
</tr>
<tr>
<td>
<h4 align="left">
<input type="text" onkeypress="return Numero(event);" id="proposta" name="proposta" size="25" maxlength="7">
</h4></td>
<td><h4 align="left">
<input type="text" onkeypress="return Numero(event);" id="CPF" name="CPF" size="25" maxlength="11"></h4>
</td>
<td><select name="cadastro" size="1" id="cadastro" class="selecao" onChange="javascript: habilitar();" class="selecao">
<option value="">Selecione o status...</option>
<option value="Validado" id="Validado">Validado</option>
<option value="Diligencia 123" id="123">123</option>
<option value="Diligencia 456" id="456">456</option>
</select>
</td>
</tr>
<tr><td></td><td></td>
<td align="left"><h4>Diligências</h4>
</td></tr>
<td></td>
<td></td>
<td><select name="diligencia" size="1" class="selecao" id="diligencia" disabled>
<option value="" id="vazio">Selecione a diligência...</option>
<option value="incompleto">Preencimento incompleto de documentação</option>
<option value="incorreto">Documento incorreto</option>
</select></td></tr>
</table>

<h3 align="center">
<input type="submit" value="Adicionar" onblur="validaCampos()">
<input type="button" value="Limpar Campos" onclick='window.location.href="cadastro.php"'></h3>
</form>

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