Ir para conteúdo

POWERED BY:

Arquivado

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

@renanfig

Validar textarea

Por , em Javascript

Recommended Posts

@renanfig    0

@renanfig
Postado

Olá pessoal...

 

Estou aprendendo JavaScript e não estou conseguindo validar um textarea para dar mensagem se não haver conteúdo...

 

Já pesquisei no google porém mesmo seguindo algumas dicas não está dando certo... Então vou postar o formulário aqui e se possível alguém pode me dizer como deveria ser a validação para não deixar enviar caso o campo não possua mais de 20 caracteres...

 

<form name="cadastro" action="envia.php" method="post" onSubmit="return validaForm()">
          <table width="95%" border="0" cellpadding="5" cellspacing="0" bordercolor="#000000">
                    <tr> 
                              <td width="28%">Mensagem</td>
                              <td width="72%"><textarea name="mensagem" cols="60" rows="8"></textarea></td>
                    </tr>
                    <tr> 
                              <td colspan="2">
                                        <div align="right"> 
                                        <input name="enviar" type="submit" value="Enviar">
                                        </div>
                              </td>
                    </tr>
          </table>
</form>

Grato,

 

Renan

Compartilhar este post

Link para o post
Compartilhar em outros sites

thyagowolff    0

thyagowolff
Postado

Basta Fazer Isso espero ter ajudado. até.

 

//isso deve ficar na tag <head>
<script>
function validaForm()
{

   var TextMsg =  cadastro.mensagem.value;
   if (TextMsg.length>20)
   {
       alert("Texto Muito Grande");
   return false;
    }


   if (TextMsg =="")
   {
       alert("Erro Campo não Preechido");
      
       return false;
    }

}



</script>

//este é o formulário


<form name="cadastro" action="envia.php" method="post" onsubmit="return validaForm()">
          <table width="95%" border="0" cellpadding="5" cellspacing="0" bordercolor="#000000">
                    <tr>
                              <td width="28%">Mensagem</td>
                              <td width="72%"><textarea name="mensagem" size="20" cols="60" rows="8"></textarea></td>
                    </tr>
                    <tr>
                              <td colspan="2">
                                        <div align="right">
                                        <input name="enviar" type="submit" value="Enviar">
                                        </div>
                              </td>
                    </tr>
          </table>
</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