Validar Campos do Formulário

Ljrbrasil · Dezembro 18, 2010

Pessoal estou precisando que o usuário so coloque os caracteres valido. alguém tem uma linha de comando?????

segue tela.

<html>

<head>
<meta http-equiv="Content-Language" content="pt-br">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Assinar o Livro de Visitas&nbsp;&nbsp; -</title>
<link rel = "stylesheet" type = "text/css" href = "css.css" />
</head>

<body>

<p align="center" style="margin-top: 0; margin-bottom: 0">&nbsp;
</p>
<p align="center" style="margin-top: 0; margin-bottom: 0">&nbsp; </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> <font face="Century Gothic" size="2" color="#336699">Preencha 
  todos os Campos</font></p>
<p align="center">&nbsp;</p>

<form method="POST" action="EnviaDados.php">
    
  <div align="center"> 
    <div align="center"> 
      <table border="0" width="289" id="table1" style="border-collapse: collapse">
        <tr> 
          <td width="153" height="33"> <p align="left"><font face="Century Gothic" size="2">Nome 
              Cliente:</font></td>
          <td width="120"> <p align="center" style="margin-top: 3px"><font face="Century Gothic" size="2"> 
              <input name="nomecli" id="nomecli" size="20" style="float: left">
              </font></td>
        </tr>
        <tr> 
          <td height="33"><div align="left"><font face="Century Gothic" size="2">N&ordm; 
              Acesso: </font></div></td>
          <td width="120"><input name="acesso" id="acesso" size="20" style="float: left"></td>
        </tr>
        <tr> 
          <td height="41"><div align="left"><font face="Century Gothic" size="2">Data 
              da Ativa&ccedil;&atilde;o:</font></div></td>
          <td width="120"><input name="data" id="data" size="20" style="float: left"></td>
        </tr>
        <tr> 
          <td height="39"><div align="left"><font face="Century Gothic" size="2">Nome 
              Promotor:</font></div></td>
          <td width="120"><input name="promotor" id="promotor" size="20" style="float: left"></td>
        </tr>
        <tr> 
          <td height="36"><div align="left"><font size="2" face="Century Gothic">Plano:</font></div></td>
          <td width="120"><input name="plano" id="plano" size="20" style="float: left"></td>
        </tr>
        <tr> 
          <td height="26"> <p align="left"><font size="2" face="Century Gothic">Protocolo:</font> 
          </td>
          <td><input name="protoc" id="protoc" size="20" style="float: left"> 
          </td>
        </tr>
      </table>
    </div>
    <p align="center">&nbsp;</p>
    <p align="center">
      <input type="submit" value="Enviar Vendas" name="B12">
      <input type="reset" value="Limpar dados" name="B22">
    </p>
</div>
    <p align="center">&nbsp;</p>
    
  <p align="center">&nbsp; </p>
</form>

<p align="center">&nbsp;</p>

</body>

</html>

Editado Dezembro 18, 2010 por kuroi
Adicionar tag CODE

Marcos Guiga · Dezembro 18, 2010

Ola não sei e exatamente isso que esta procurando mas tenho no eu pc o código (não se e esse que precisa <_< ) e um seguinte:

Coloca esse código encima da tag <body>

&lt;script language="javascript">
function VerificaCaracteres(caracter) {

    if(window.event) { // Internet Explorer
      var tecla = event.keyCode;
     }
     else { // Firefox
      var tecla = caracter.which;
     }

     if((tecla == 35) || (tecla == 34) || (tecla == 39) || (tecla == 60) || (tecla == 62)) { 
      alert("Você não usar os caracteres: # \" ' < > ");
      return false;
     }
     else 
     { 
         return true; 
     }
}
</script>

No script mostra so firefox o IE, mas eu uso o Opera e funciona cetinho substitua a tag <body> por <body onload="document.form.campo.focus()" style="font: 80% verdana"> e nos campos onde deseja proibir e so colocar " onKeyPress="return VerificaCaracteres(event);"> por exempo:

<input type="text" name="campo" onKeyPress="return VerificaCaracteres(event);">

Ljrbrasil · Dezembro 18, 2010

Bom fiz um teste mas não funcionou.

bom o que eu estou querendo e o seguinte. no campo ou de for so numero ex acesso o campo so aceitar numero e onde for letra so letra.

Marcos Guiga · Dezembro 18, 2010

Agora foi, bom espero que e isso.Eu testei no campo protocolo e no Nº de acesso. quando digita alguma letra não acontece nada, mas quando digita o numero vai normal. pra adicionar em outro e so colocar " onblur="validaDat(this,this.value)"> no final

<html>

<head>
<meta http-equiv="Content-Language" content="pt-br">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Assinar o Livro de Visitas&nbsp;&nbsp; -</title>
<script language="Javascript" type="text/javascript">
<!--
function blockNumbers(e)
{
var key;
var keychar;
var reg;

if(window.event) {
  // for IE, e.keyCode or window.event.keyCode can be used
  key = e.keyCode; 
}
else if(e.which) {
  // netscape
  key = e.which; 
}
else {
  // no event, so pass through
  return true;
}

keychar = String.fromCharCode(key);
reg = /\d/;
// return !reg.test(keychar); ===> para tirar números é necessário tirar o exclamação (!)
        return reg.test(keychar);
}
//-->
</script>
<link rel = "stylesheet" type = "text/css" href = "css.css" />
</head>

<body>

<p align="center" style="margin-top: 0; margin-bottom: 0">&nbsp;
</p>
<p align="center" style="margin-top: 0; margin-bottom: 0">&nbsp; </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> <font face="Century Gothic" size="2" color="#336699">Preencha 
todos os Campos</font></p>
<p align="center">&nbsp;</p>

<form method="POST" action="EnviaDados.php">

<div align="center"> 
<div align="center"> 
<table border="0" width="289" id="table1" style="border-collapse: collapse">
<tr> 
<td width="153" height="33"> <p align="left"><font face="Century Gothic" size="2">Nome 
Cliente:</font></td>
<td width="120"> <p align="center" style="margin-top: 3px"><font face="Century Gothic" size="2"> 
<input name="nomecli" id="nomecli" size="20" style="float: left">
</font></td>
</tr>
<tr> 
<td height="33"><div align="left"><font face="Century Gothic" size="2">N&ordm; 
Acesso: </font></div></td>
<td width="120"><input name="acesso" id="acesso" size="20" style="float: left" onkeypress="return blockNumbers(event);" size="20" /></td>
</tr>
<tr> 
<td height="41"><div align="left"><font face="Century Gothic" size="2">Data 
da Ativa&ccedil;&atilde;o:</font></div></td>
<td width="120"><input name="data" id="data" size="20" style="float: left"></td>
</tr>
<tr> 
<td height="39"><div align="left"><font face="Century Gothic" size="2">Nome 
Promotor:</font></div></td>
<td width="120"><input name="promotor" id="promotor" size="20" style="float: left"></td>
</tr>
<tr> 
<td height="36"><div align="left"><font size="2" face="Century Gothic">Plano:</font></div></td>
<td width="120"><input name="plano" id="plano" size="20" style="float: left"></td>
</tr>
<tr> 
<td height="26"> <p align="left"><font size="2" face="Century Gothic">Protocolo:</font> 
</td>
<td><input name="protoc" id="protoc" size="20" style="float: left" onkeypress="return blockNumbers(event);" size="20" />
</td>
</tr>
</table>
</div>
<p align="center">&nbsp;</p>
<p align="center">
<input type="submit" value="Enviar Vendas" name="B12">
<input type="reset" value="Limpar dados" name="B22">
</p>
</div>
<p align="center">&nbsp;</p>

<p align="center">&nbsp; </p>
</form>

<p align="center">&nbsp;</p>

</body>

</html>

Ljrbrasil · Dezembro 18, 2010

Marcos,

Obrigado pela ajuda, só gostaria de saber mais uma coisa neste formulário como faço para ele ser somente enviado quando estiver todo preenchido.

svjets · Dezembro 18, 2010

Insira esta função java script:

function valida ()
{
  if(document.formulario.nomecli.value.length > 0)
  {
    if(document.formulario.acesso.value.length > 0)
    {
      if(document.formulario.data.value.length > 0)
      {
        if(document.formulario.promotor.value.length > 0)
        {
          if(document.formulario.plano.value.length > 0)
          {
            if(document.formulario.protoc.value.length > 0)
            {
              document.formulario.submit();
            }
            else
            {
              alert("Preencha o campo protocolo.");
            }
          else
          {
            alert("Preencha o campo plano.");
          }
        else
        {
          alert("Preencha o campo promotor.");
        }
      else
      {
        alert("Preencha o campo data.");
      }
    else
    {
      alert("Preencha o campo acesso.");
    }
  else
  {
    alert("Preencha o campo nome do cliente.");
  }
}

Troque:

<form method="POST" action="EnviaDados.php">

Por:

<form name="formulario" method="POST" action="EnviaDados.php">

E troque:

<input type="submit" value="Enviar Vendas" name="B12">

Por:

<input type="button" value="Enviar Vendas" name="B12" onclick="valida()">

Veja que esta verificação ocorre no lado do cliente então é passível de ser burlada portanto é bom você inserir uma verificação posterior no "EnviaDados.php".

Editado Dezembro 18, 2010 por svjets

Roo · Dezembro 20, 2010

Insira esta função java script:

function valida ()
{
  if(document.formulario.nomecli.value.length > 0)
  {
    if(document.formulario.acesso.value.length > 0)
    {
      if(document.formulario.data.value.length > 0)
      {
        if(document.formulario.promotor.value.length > 0)
        {
          if(document.formulario.plano.value.length > 0)
          {
            if(document.formulario.protoc.value.length > 0)
            {
              document.formulario.submit();
            }
            else
            {
              alert("Preencha o campo protocolo.");
            }
          else
          {
            alert("Preencha o campo plano.");
          }
        else
        {
          alert("Preencha o campo promotor.");
        }
      else
      {
        alert("Preencha o campo data.");
      }
    else
    {
      alert("Preencha o campo acesso.");
    }
  else
  {
    alert("Preencha o campo nome do cliente.");
  }
}

Troque:

<form method="POST" action="EnviaDados.php">

Por:

<form name="formulario" method="POST" action="EnviaDados.php">

E troque:

<input type="submit" value="Enviar Vendas" name="B12">

Por:

<input type="button" value="Enviar Vendas" name="B12" onclick="valida()">

Veja que esta verificação ocorre no lado do cliente então é passível de ser burlada portanto é bom você inserir uma verificação posterior no "EnviaDados.php".

Bom dia, isto me ajudará muito, obrigado!

david.lyonnais · Dezembro 21, 2010

Olhando sua dúvida e vendo as resposta.

Acho que sua dúvida não é em php e sim javascript, então esse tópico esta na sessão errada.

Entrar

Validar Campos do Formulário

Pergunta

Ljrbrasil

Link para o comentário

Compartilhar em outros sites

7 respostass a esta questão

Posts Recomendados

Marcos Guiga

Link para o comentário

Compartilhar em outros sites

Ljrbrasil

Link para o comentário

Compartilhar em outros sites

Marcos Guiga

Link para o comentário

Compartilhar em outros sites

Ljrbrasil

Link para o comentário

Compartilhar em outros sites

svjets

Link para o comentário

Compartilhar em outros sites

Roo

Link para o comentário

Compartilhar em outros sites

david.lyonnais

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades