Ir para conteúdo

POWERED BY:

Arquivado

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

lordlexx

validaçao de formulario com jquery

Por , em Javascript

Recommended Posts

lordlexx    0

lordlexx
Postado

aew galera do forum tudo beleza ? seguinte estou tentano colocar um validaçao em um formulario usando o jquery validation no firefox funciona beleza mas no bendito do ie ele nao valida o formulario e ele envia em branco o formulario http://forum.imasters.com.br/public/style_emoticons/default/natal_dry.gif

 

oque pode ser o problema ?

 

vou postar o codigo do script vlw galera

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="javascript/jquery.js" type="text/javascript"></script>
<script src="javascript/jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready( function() {
$("#frm").validate({
// Define as regras
rules:{
nome:{
// campoNome será obrigatório (required) e terá tamanho mínimo (minLength)
required: true, minlength: 2
},
anuncio:{
// campoNome será obrigatório (required) e terá tamanho mínimo (minLength)
required: true, minlength: 2
},
descricao:{
// campoNome será obrigatório (required) e terá tamanho mínimo (minLength)
required: true, minlength: 2
},
detalhes:{
// campoNome será obrigatório (required) e terá tamanho mínimo (minLength)
required: true, minlength: 2
},
contato:{
// campoNome será obrigatório (required) e terá tamanho mínimo (minLength)
required: true, minlength: 2
},
aceito:{
// campoNome será obrigatório (required) e terá tamanho mínimo (minLength)
required: true,
},
email:{
// campoEmail será obrigatório (required) e precisará ser um e-mail válido (email)
required: true, email: true
},
cidade:{
// campoMensagem será obrigatório (required) e terá tamanho mínimo (minLength)
required: true, minlength: 2
}
},
// Define as mensagens de erro para cada regra
messages:{
nome:{
required: "Digite o seu nome",
minLength: "O seu nome deve conter, no mínimo, 2 caracteres"
},
anuncio:{
required: "Digite o seu aadaa",
minLength: "O seu nome deve conter, no mínimo, 2 caracteres"
},
descricao:{
required: "Digite o seu descricao p****",
minLength: "O seu nome deve conter, no mínimo, 2 caracteres"
},
detalhes:{
required: "Digite o seu descricao m*****",
minLength: "O seu nome deve conter, no mínimo, 2 caracteres"
},
contato:{
required: "Digite as infomaçoes para contato",
minLength: "O seu nome deve conter, no mínimo, 2 caracteres"
},
aceito:{
required: "Aceite os termos.",

},
email:{
required: "Digite o seu e-mail para contato",
email: "Digite um e-mail válido"
},
cidade:{
required: "Digite a sua mensagem",
minLength: "A sua mensagem deve conter, no mínimo, 2 caracteres"
}
}
});
});



</script>
<?php
include "css.php"
?>

</head>

<body>
<div id="geralpganuncietf">
<h1 class="titulo">Anuncie:</h1>
<div align="center"><img src="imagems/assets/megaphone.gif" width="231" height="250" />
</div>
<div id="div">
	<?php 
	

	if(isset($erro) && $erro==1): 
	?>

		<div style='padding:10px;'>
			<a href='javascript:history.back(1)'>Clique aqui para retornar e informe um <b>email válido</b>!</a>
		</div>

	<?php
	
	elseif(isset($subm)):
	?>

		<div style='padding:10px;'>
			<?php
			$msg1 = "<h2><b>Sua mensagem foi enviada com sucesso!</b></h2>";
			$msg2 = "<h2><b style='color:#e23b30;'>Sua mensagem não pôde ser enviada.</b><br /><br />Por favor tente novamente mais tarde.</h2>";
			$conf = @mail($__to, $__sj, $html, $head); 
			echo ($conf)?$msg1:$msg2;
			?>
			<br />
			<a href='javascript:history.back(1)'>Clique aqui para retornar!</a>
		</div>

	<?php 
	
	else: 
	?>

		<p style="padding-left:30px;">Preencha o formulário abaixo para enviar seu anuncio.<br />É necessário preencher todos os campos.</p>
		<form id="frm" action="<?=basename(__FILE__)?>" method="post" enctype="multipart/form-data">

			<input type="hidden" name="frm_ok" />

			<fieldset>

				
					<label for="nome">
                    <span>Nome:</span>
					<input id="nome" name="nome" title="Seu nome" onKeyDown="if(event.keyCode==13) event.keyCode=9;" />
				</label>
				
					<label for="email">
                    <span>E-Mail:</span>
					<input id="email" name="email"  title="Seu email" onKeyDown="if(event.keyCode==13) event.keyCode=9;" />
				</label>
					<label for="cidade">
                   <span> Cidade:</span>
					<input id="cidade" name="cidade"  title="Sua cidade"onKeyDown="if(event.keyCode==13) event.keyCode=9;" />
				</label>
					<label for="anuncio">
                    <span>Anuncio:</span>
					<input id="anuncio" name="anuncio" title="O titulo do seu anuncio" onKeyDown="if(event.keyCode==13) event.keyCode=9;" />
				</label>
					<label for="descricao">
                    <span>Descrição do anuncio</span>
					<textarea id="descricao" name="descricao" title="Descrição geral do anuncio" class="text"></textarea>
				</label>
					<label for="mensagem">
                   <span> Detalhes do anuncio::</span>
					<textarea id="detalhes" name="detalhes" title="Detalhes do anuncio ex:cor do veiculo,se a casa tem garagem etc" class="text"></textarea>
				</label>
					<label for="mensagem">
                    <span>Informaçoes para contato:</span>
					<textarea id="contato" name="contato" title="Coloque aqui informaçoes para contato telefone,celular,endereço emial etc" class="text"></textarea>
				</label>
					<label for="mensagem">
                    <span>Foto #1:</span>
					<input type="file" name="arquivo[]" size="50" class="file" />
				</label>
					<label for="mensagem">
                    <span>Foto #2:</span>
					<input type="file" name="arquivo[]" size="50" class="file" />
				</label>
					<label for="mensagem">
                    <span>Foto #3:</span>
					<input type="file" name="arquivo[]" size="50" class="file" />
				</label>
					<label for="mensagem">
                    <span>Foto #4:</span>
					<input type="file" name="arquivo[]" size="50" class="file" />
				</label>
					<label for="mensagem">
                    <span>Foto #5:</span>
					<input type="file" name="arquivo[]" size="50" class="file" />
				</label>
            
              <input name="aceito" type="checkbox" value="aceito"  class="ckaceito">
              <span class="aceitotxt">Eu li,entendi e concordo com  os</span><a href="#">Termos de uso.</a>
                      <span style="text-align:right;">     
				    <input type="submit" value="ENVIAR" class="send" />
				</span>
               
			</fieldset>

		</form>

	<?php 
	endif; 
	?>

</div><!--div-->
</div>
</body>
</html>

vlw ajuda http://forum.imasters.com.br/public/style_emoticons/default/natal_biggrin.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

lucasmartins    6

lucasmartins
Postado

depois do $(document).ready coloca um alerta:

 

<script type="text/javascript">
$(document).ready( function() {

alert('Documento pronto');

$("#frm").validate({

// ....

</script>

para verificar se o script está correndo tudo bem até aí... você pode colocar um alerta depois do fim da função de validação também...

 

Veja também se não está aparecendo algum erro no navegador do IE (que fica na parte inferior direita).

 

Abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

lordlexx    0

lordlexx
Postado

amigo Lucas vlw ajuda com o alert q você mencionou nao esta funcionando no IE no firefox esta =( oq pode ser q nao esta deixando o codigo rodar no IE me parece q esta tudo beleza =/

 

vlw a força

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Sobraram algumas virgulas ali... linha 35 e 70, arrume, deixando:

aceito:{// campoNome será obrigatório (required) e terá tamanho mínimo (minLength)
	required: true 
},
e 

aceito:{
	required: "Aceite os termos." 
},

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