Ir para conteúdo

POWERED BY:

Arquivado

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

johnhey

Erro ao validar email e mensagem

Por , em Desenvolvimento frontend

Recommended Posts

johnhey    0

johnhey
Postado 
<!DOCTYPE HTML>
<html lang="pt-br" debug="true" style="height: 100%;"><!-- InstanceBegin template="/Templates/template.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta name='description' content='Bebés Reborn feitos pelo artista reborn António Vieira, em Portugal' />
<meta name='keywords' content='bebé reborn, boneca reborn, bebé reborn portugal, bonecas reborn, bebés renascidos, portugal, reborn, boneca, doll, baby, reborn baby, fake baby, fake doll, reborn babt girl, reborn baby boy, reborn baby doll' />
<meta property='og:site_name' content='Reborn Imaginações de Bebés' />
<meta property='og:title' content='Bebés Reborn Portugal' />
<meta charset = "UTF-8">
<link rel="apple-touch-icon" href="/favicon.jpg">
<link rel="shortcut icon" href="/favicon.ico">
<link href="css/estilo.css" rel ="stylesheet">
<meta name="google-translate-customization" content="b4bd7fa927651cf0-3b24217369355de7-g73a8f0f5a3aa29ad-23">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Reborn Imaginações de Bebés - Bebés Reborn Portugal</title>
<div id="topo">
		<section id="cabecalho"> 
       		<header>
				<h5>"...Os bebés Reborn são mágicos, conseguem-nos transportar para um mundo imaginário e ao mesmo tempo real para todos nós, o tempo em que fomos bebés..."</h5>
			</header>
            <section id="logocabecalho">
				  <img src="imagens/apresentacao/logocabecalho.png" alt="Cabeçalho">
			</section>
            <div id="tradutor">
            	<div id="google_translate_element">
                </div>
                <script type="text/javascript">
					function googleTranslateElementInit() {
  					new google.translate.TranslateElement({pageLanguage: 'pt', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false}, 'google_translate_element');
}
					</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">					                 </script>
			</div>
				</section>
</div>
 <!-- Arquivos utilizados pelo jQuery lightBox plugin -->
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
    <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
    <!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin -->
    
    <!-- Ativando o jQuery lightBox plugin -->
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
    
	<script type="text/javascript" src="jquery.cycle.all.latest.js">
	</script>
    
	<script>
		var $a = jQuery.noConflict();
	</script>

	<script type="text/javascript">
    $a(function() {
        $('.galeria a').lightBox();
    });
    </script>
	
<script>
$a(document).ready(function() {
    $a('.slideshow ul').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
	$a('.slideshow1 ul').cycle({ 
    fx:      'turnDown', 
    delay:   -4000 
	});
	$a('.slideshow2 ul').cycle({ 
    fx:    'curtainX', 
    sync:  false, 
    delay: -2000 
	});
});
</script>
</head>
<body background="imagens/apresentacao/fundonew.png" style="position: relative; min-height: 100%; top: 0px;">
<div id="pagina">
	<div id="menu">
	<ul id="menubar">
		<li> <a href="index.html" title="Página Inicial">  Inicio </a> </li>
		<li> <a href="#" title="Artista"> Artista </a> 
        		<ul class= "submenu">
                <li> <a href="sou.html" title="Quem sou"> Quem sou</a> </li>
				<li> <a href="formacao.html" title="Formação"> Formação </a> </li>
				</ul>
      </li>
      <li> <a href="#" title="Eventos"> Eventos </a> 
        		<ul class= "submenu">
                <li> <a href="exposicao.html" title="Exposição"> Exposições</a> </li>
				<li> <a href="imprensa.html" title="Formação"> Imprensa </a> </li>
                <li> <a href="concurso.html" title="Concurso"> Concurso </a> </li>
				</ul>
      </li>
		<li> <a href="#" title="Menu Fotos e cuidados"> Meus Bebés </a> 
			<ul class= "submenu">
				<li> <a href="adotados.html" title="Bebés Adotados"> Adotados </a> </li>
				<li> <a href="adotar.html" title="Bebés por Adotar"> Por Adotar </a> </li>
				<li> <a href="manual.html" title="Manual de Cuidados"> Cuidados </a> </li>
			</ul>
	  </li>
		<li> <a href= "#" title="Informações"> Informações </a> 
			<ul class="submenu">
				<li> <a href="idealizar.html" title="Idealizar"> Idealização </a> </li>
				<li> <a href="entrega.html" title="Prazo de Entrega"> Entrega </a> </li>
				<li> <a href="criacao.html" title="Modo de Criação"> Criação </a> </li>
			</ul>
    </li>
		<li> <a href="comentario.php" title="Comentário"> Comentário </a> </li>
		<li> <a href="contacto.html" title="Formulário de Contacto"> Contactos </a> </li>
	</ul>
    </div>
<div id="conteudo"><!-- InstanceBeginEditable name="EditRegion1" -->
<div class="contacto">
<script src="SpryAssets/SpryValidationTextarea.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextarea.css" rel="stylesheet" type="text/css">
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css">
		<h1>Contacto</h1>
			<h5>Para mais informações sobre adoções dos bebés, ou esclarecimento de qualquer dúvida, entre em contato comigo.
				<br>
				<img src="imagens/apresentacao/email.png" align="middle"> e-mail: geralinfo@rebornimaginacoesdebebes.com.pt 
				<img src="imagens/apresentacao/telefone.png" align="middle">963 007 764
				<br>
				Acompanhe também no Facebook <a href= "https://www.facebook.com/imaginacoesbebesreborn.vieira"> <img src="imagens/apresentacao/face.png" align="middle" border="0"></a>
			</h5>
<form method="post" action="formulario.php">
<h6>* = Campos obrigatórios </h6>
<div id="post_esq">
<p>
				<label for="name"> *Nome: </label>
				<input name="name" id="name" type="text" placeholder="Digite seu nome" required="required"/>
			</p>
			<p>
				<label for="email"> Email: </label>
					<span id="spryemail">
						<label>
							<input type="text" name="email" id="email">
						</label><br>
						<span class="textfieldInvalidFormatMsg">email inválido.
						</span>
					</span>
			</p>
			<p>
				<label for="contacto"> Contacto: </label>
				<input name="contacto" id="contacto" type="text" placeholder="Digite seu contacto"/>
			</p>
			<p>
				<label for="assunto"> *Assunto: </label>
				<input name="assunto" id="assunto" type="text" placeholder="Digite o assunto" required="required"/>
			</p>
			<p>
				<label for="name2"> *Pretende ser contacto(a) por?: </label>
			</p>
			<p>
				<input id="checkbox1" name="checkbox1" type="checkbox" value="1" />
				<label for="metodo"> Carta </label>
				<input id="checkbox2" name="checkbox2" type="checkbox" value="2" />
				<label for="metodo"> email </label>
				<input id="checkbox3" name="checkbox3" type="checkbox" value="3"/>
				<label for="metodo"> Telefone/Telemóvel </label>
			</p>
</div>
<div id="post_dir">
<p>
				<label for="morada">*Se escolher ser contactado por carta, deixe aqui sua morada: </label>
			</p>
			<p>
				<input name="morada" id="morada" type="text" placeholder="Digite sua morada" />
			</p>
			<p>
			<label for="comment"> *Mensagem: 
			</label>
				<span id="sprycomment">
			<label>
				<textarea name="comment" id="comment" cols="1000" rows="10"></textarea>
				<br>
			</label>
			<span class="textareaRequiredMsg">Digite sua Mensagem.</span></span></p>
			<p>
				<input type="submit" value="Enviar"/>
				<input type="reset" value="Limpar Campos"/>
			</p>
</div>
</form>
<script type="text/javascript">
<!--
var sprytextarea1 = new Spry.Widget.ValidationTextarea("sprycomment");
var sprytextfield1 = new Spry.Widget.ValidationTextField("spryemail", "email", {isRequired:false});
//-->
</script>
</div>
<!-- InstanceEndEditable -->
<footer id="rodapepg">
<div id="supercount">
	<div id="rp_contador">
		<script type="text/javascript" src="http://widget.supercounters.com/flag.js"></script><script type="text/javascript">sc_flag(596069,"FFFFFF","000000","cccccc",5,10,0,0)</script><br><noscript><a href="http://www.supercounters.com/">Contador de visitas</a></noscript>
    </div>
</div>
<div id="sitereborn">
	<div id="site_reborn">
		<a href="http://www.reborns.com" target="_blank"><img src="imagens/apresentacao/reborn.gif" alt="Reborn Baby Dolls" border="0"/></a>
    </div>
</div>
<div id="direitos_autor">
© - Todos os direitos de autor reservados a John Hebert Trindade - webdesign - Contactos: 968 612 616 - email: jht_pt@sapo.pt
</div>
</footer>
</div>
</div>
</body><!-- InstanceEnd -->

Bom dia pessoal, não sei se estou a colocar a dúvida na opção certa, mas penso que sim, tenho um site que esta a funcionar a 99%, devido a esse erro que não esta a 100% e preciso de vossa ajuda.

 

Tenho um formulário de contactos, fiz em php uma validação do email e da mensagem, que esta a funcionar.

O problema é que fiz a mesma coisa em HTML para que, se o campo email não estiver preenchido ou for inválido que apareça a mensagem logo abaixo do campo e dizer que ele é inválido e o mesmo com a mensagem, só que ao abrir o formulário sempre esta a aparecer a mensagem.

Quando vejo através do Dreamweaver utilizando o vertrigo esta a funcionar, o que fiz de errado?

 

deixo o link para verem o que estou a dizer:

 

www.rebornimaginacoesdebebes.com.pt/contacto.html

 

e esse é o meu código:

 

 

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

jgustavo99    85

jgustavo99
Postado

Já tentou fazer essa vereficação via AJAX. Assim o seu retorno é seu PHP, aí nele você pode vereficar email...(etc). Uma dica, se o usuário deixar por exemplo um campo em branco na propriedade <input> coloque required (HTML5).

 

Espero ter Ajudado!

Compartilhar este post

Link para o post
Compartilhar em outros sites

johnhey    0

johnhey
Postado

Já resolvi, o código esta tudo correcto, o que faltava era os arquivos java que estavam com nomes errados por isso não encontrava.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito