Bom dia a todos,
Por algum motivo não estou conseguindo pegar o valor do campo textarea no meu formulário e não tenho ideia do porquê isso está acontecendo.
Já tentei usar getElementById e getElementsByTagName mas nada funciona, o javascript simplesmente ignora o penúltimo teste lógico do meu código.
Meu código:
HTML
<!Doctype html>
<html lang="pt-br">
<head>
<title> Ajude o site </title>
<meta charset="UTF-8">
<meta name="" content=""/>
<meta name="" content=""/>
<meta name="" content=""/>
<link rel="stylesheet" type="text/css" href="css/Arquivo.css"/>
<script type="text/javascript" src="javascript/Código.js">
</script>
<style>
body{
font-family:Tahoma,Arial,Times new roman;
background-image: url("imagens/Talheres.png");
background-repeat:repeat;
}
#TextoInicial{
background-color:#ffffff;
}
.p1{
margin-right:50px;
padding-left:100px;
font-size:20px;
}
#Formulario{
background-color:#ffffff;
padding-top:40px;
padding-left:50px;
border:solid 1px;
margin-right:200px;
margin-left:160px;
}
/* Estilos para o botão quando o mouse passar sobre ele*/
#BotaoF:hover{
color:#ffffff;
background-color:#87CEFA;
border-radius:2px;
}
.textos{
font-size:20px;
font-family:times new roman;
text-decoration:none;
}
input[type=submit]{
padding:10px 24px;
cursor:pointer;
}
textarea{
border:solid #000000;
}
textarea:hover{
border:solid #0000ff;
}
</style>
<script type="text/javascript" src="javascript/Código.js">
</script>
<script language="php">
<?php
include_once'Ajuda';
?>
</script>
</head>
<body>
<header>Mundo dos talheres</header>
<nav class="MenuPagina">
<ul>
<li class="flutuar"><a href="Index.html">Inicial</a></li>
<li class="flutuar"><a href="Colheres.html">Colheres</a></li>
<li class="flutuar"><a href="Garfos.html">Garfos</a></li>
<li class="flutuar"><a href="Faca.html">Facas</a></li>
<li class="flutuar"><a href="Pratos.html">Pratos</a></li>
<li class="flutuar"><a href="Copos.html">Copos</a></li>
<li class="flutuar"><a href="Ajuda.html">Ajude o site</a></li>
</ul>
</nav></br></br></br></br><br><br><br><br><br><br><br><br><br>
<div class="Master">
<br><br>
<h1>Avalie o nosso site</h1></br>
<p class="p1">
Ajude o nosso site deixando suas opiniões,sugestões ou
correções a respeito do conteúdo dele.
</p>
<p class="p1">
Nosso objetivo é trazer mais informações sobre o mundo
dos talheres com qualidade e seriedade.
</p>
<br><br><br><br>
<form name="F_ajuda" method="post" id="Formulario">
<label class="textos"><strong>Qual avaliação você daria ao nosso site?</strong></label></br></br>
<input type="radio" name="pesquisa" value="Otimo">Ótimo</input></br>
<input type="radio" name="pesquisa" value="Bom">Bom</input></br>
<input type="radio" name="pesquisa" value="Regular">Regular</input></br>
<input type="radio" name="pesquisa" value="Ruim">Ruim</input></br>
<input type="radio" name="pesquisa" value="Pessimo">Péssimo</input></br></br>
<label class="textos"><strong>Onde o site precisa melhorar?</strong></label></br></br>
<input type="radio" name="pesquisa2" value="Conteudo">Conteúdo</input></br>
<input type="radio" name="pesquisa2" value="Design">Design</input></br>
<input type="radio" name="pesquisa2" value="Textos">Textos</input></br>
<input type="radio" name="pesquisa2" value="Todos">Todos</input></br></br>
<label class="textos"><strong>Deixe a sua opinião :</strong></label></br></br>
<textarea id="texto" rows="10" cols="40">
</textarea></br></br>
<input type="submit" id="BotaoF" value="Enviar" onclick="avalia()"></br></br></br>
</form>
<br><br><br>
</div>
</br></br></br>
<footer id="rodapé">
<b class="TituloRodapé">Mundo dos talheres</b><br>
<ul type="none">
<li><a href="Index.html">Inicial</a></li>
<li><a href="Colheres.html">Colheres</a></li>
<li><a href="Garfos.html">Garfos</a></li>
</ul>
<ul class="Lista1">
<li><a href="Faca.html">Facas</a></li>
<li><a href="Pratos.html">Pratos</a></li>
<li><a href="Copos.html">Copos</a></li>
</ul>
<ul class="Lista2">
<li><a href="Ajuda.html">Ajude o site</a></li>
</ul>
<br><br>
</footer>
</body>
</html>
Javascript
//A função avalia serve para verificar se algum dos campos do formulário está vazio//
function avalia(){
var formulario = document.getElementById("Formulario");
var opiniao = document.getElementById("texto").value;
if((formulario.pesquisa.value == "")&&(formulario.pesquisa2.value == "")){
alert("O formulário precisa ser preenchido");
formulario.pesquisa.focus();
}
else if(formulario.pesquisa.value == ""){
alert("O campo Qual avaliação você daria ao nosso site não foi selecionado ");
formulario.pesquisa.focus();
}
else if(formulario.pesquisa2.value == ""){
alert("O campo Onde o site precisa melhorar não foi selecinado");
formulario.pesquisa.focus();
}
else if(opiniao == ""){
alert("O campo Deixe a sua opinião não foi selecionado");
formulario.pesquisa2.focus();
}
else{
alert("O mundo dos talheres agradece sua visita!");
formulario.action="php/Ajuda.php";
}