Ir para conteúdo

POWERED BY:

Arquivado

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

Martinsrj

[Resolvido] Jquery - Validação em inglês

Recommended Posts

Olá pessoal, boa tarde!

Estou utilizando jQuery Validate, porem os alertas estão em inglês.

Veja o código do formulário e tb do JQuery:

	<form action="" method="get" id="validate" name="validate">
		<p><label for="txt_nome">Nome:</label><br />
		<input type="text" name="txt_nome" id="txt_nome" /></p>
		<p><label id="telefone" for="txt_telefone">Telefone:</label><br />
		<input type="text" name="txt_telefone" id="txt_telefone" /></p>	
		<p><label id="email" for="txt_email">Email:</label><br />	
		<input type="text" name="txt_email" id="txt_email" /></p>						
		<p><label id="comentario" for="txt_comentario">Comentário:</label><br />		
		<textarea cols="60" rows="5" name="txt_comentario" id="txt_comentario"></textarea></p>
		<p><input type="submit" name="enviar_formulario" class="formbutton" value="Enviar Formulário" /></p>
	</form>
<script language="JavaScript" type="text/javascript" src="jquery-validate/jquery.validate.js"></script>
<script language="JavaScript" type="text/javascript" src="jquery-validate/jquery.validate.min.js"></script>

<style type="text/css" media="screen">
	label.error {
	border: 1px solid red;
	/*color: red;*/
	font-weight: bold;
	padding: 3px;
	/*background-color: #99CCFF;*/
	background:#8D0000 url('imagem/button.png') repeat-x scroll top left;
	color:#ffffff;
	margin: 6px 0;
	width: 120px;
	text-align: center;
	}
</style>	

<script type="text/javascript">
$(function(){
	$("#validate").validate({
	submitHandler: function(form) {
	$(form).submit(function(){
	alert('todos os dados foram preenchidos corretamente');
	return false

	});
	},
		rules:{
			txt_nome:{
				required: true,
				minlength: 2
			},
			txt_telefone: {
				required: true,
			},
			txt_email: {
				required: true,
				txt_email: true
			},
			txt_comentario: {
				required: true,	
				minlength: 2		
		},
		messages:{
			txt_nome:{
				required: "O campo nome é obrigatorio!",
				minlength: "O campo nome deve conter no mínimo 2 caracteres!"
			},
			txt_telefone: {
				required: "O campo telefone é obrigatorio!",
				},
			txt_email: {
				required: "O campo email é obrigatorio!",
				txt_email: "O campo email deve conter um email válido!"
			},
			txt_comentario: {
				required: "O campo comentário é obrigatorio!",
				txt_comentario: "O campo comentário deve ser preenchido corretamente!"
		    	        }
	    	    }
	}
			
});
});
</script>
Verifiquem que no código acima eu inseri a minha mensagem de erro conforme o exemplo do campo email: O campo email é obrigatorio!

 

Desde já agradeço pela ajuda e esclarecimentos.

 

Olá pessoal, alguem tenha alguma ideia?

Compartilhar este post


Link para o post
Compartilhar em outros sites

inclua o arquivo apenas uma vez, troque:

<script language="Javascript" type="text/javascript" src="jquery-validate/jquery.validate.js"></script>
<script language="Javascript" type="text/javascript" src="jquery-validate/jquery.validate.min.js"></script>
por:

<script type="text/javascript" src="jquery-validate/jquery.validate.min.js"></script>

OUUUU

<script type="text/javascript" src="jquery-validate/jquery.validate.js"></script>
mas não, nunca os 2 juntos.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Fiz o que você mencionou.

Veja o código, mas continua em ingles apesar de ter colocado a mensagem portugues:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Sr. Jesus te Abençoe!!!</title>

	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<meta http-equiv="content-language" content="pt-br" />
	<meta name="description" content="" />
	<meta name="author" content="Paulo Martins" />

<script type="text/javascript" src="javascript/jquery-1.4.2.min.js.js"></script>

<script type="text/javascript" src="jquery-validate/jquery.validate.js"></script>


<script type="text/javascript" src="javascript/jquery.animated.innerfade.js"></script>
<link rel="stylesheet" type="text/css" href="css/contato_background.css"/>

<style type="text/css" media="screen">
	label.error {
	border: 1px solid red;
	/*color: red;*/
	font-weight: bold;
	padding: 3px;
	/*background-color: #99CCFF;*/
	background:#8D0000 url('imagem/button.png') repeat-x scroll top left;
	color:#ffffff;
	margin: 6px 0;
	width: 120px;
	text-align: center;
	}
</style>	

<script type="text/javascript">
	   $(document).ready(
				function(){
			$('ul#animated-portfolio').animatedinnerfade({
						speed: 1000,<!--set speed-->
						timeout: 2500,<!--set Time-->
						type: 'sequence',<!--set type - sequence or random-->
						//containerheight: '275px',
						containerheight: '275px',
						containerwidth: '745px',
						animationSpeed: 1000,
						animationtype: 'fade',<!--Animation type - fade or slider-->
						bgFrame: 'none',
						controlBox: 'none',
						displayTitle: 'none'
					});
			});
			
</script>

<script type="text/javascript">
	$(function(){
		$("#validate").validate({

		submitHandler: function(form) {
		$(form).submit(function(){
		alert('todos os dados foram preenchidos corretamente');
		return false

		});
		},
			rules:{
				txt_nome:{
					required: true,
					minlength: 2
				},
				txt_telefone: {
					required: true
				},
				txt_email: {
					required: true,
					txt_email: true
				},
				txt_comentario: {
					required: true,	
					minlength: 2		
			},
			messages:{
				txt_nome:{
					required: "O campo nome é obrigatorio!",
					minlength: "O campo nome deve conter no mínimo 2 caracteres!"
				},
				txt_telefone: {
					required: "O campo telefone é obrigatorio!"

				},
				txt_email: {
					required: "O campo email é obrigatorio!",
					txt_email: "O campo email deve conter um email válido!"
				},
				txt_comentario: {
					required: "O campo comentário é obrigatorio!",
					txt_comentario: "O campo comentário deve ser preenchido corretamente!"
			    	        }
		    	    }
		}
			
	});
	});

</script>



        <style type="text/css">
<!--
#Layer1 {
	position:absolute;
	width:200px;
	height:219px;
	z-index:1;
	left: 765px;
	top: 452px;
}
-->
        </style>
</head>
<body>

 

inclua o arquivo apenas uma vez, troque:

<script language="Javascript" type="text/javascript" src="jquery-validate/jquery.validate.js"></script>
<script language="Javascript" type="text/javascript" src="jquery-validate/jquery.validate.min.js"></script>
por:

<script type="text/javascript" src="jquery-validate/jquery.validate.min.js"></script>

OUUUU

<script type="text/javascript" src="jquery-validate/jquery.validate.js"></script>
mas não, nunca os 2 juntos.

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

vários erros de sintaxe

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>jValidate</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<meta http-equiv="content-language" content="pt-br" />

	<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="jquery.validate.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("#validate").validate({
		rules:{
			txt_nome:{
				required: true,
				minlength: 2
			},
			txt_telefone: {
				required: true
			},
			txt_email: {
				required: true,
				email: true
			},
			txt_comentario: {
				required: true, 
				minlength: 2            
			}
		},
		messages:{
			txt_nome:{
				required: "O campo nome é obrigatorio!",
				minlength: "O campo nome deve conter no mínimo 2 caracteres!"
			},
			txt_telefone: {
				required: "O campo telefone é obrigatorio!"
			},
			txt_email: {
				required: "O campo email é obrigatorio!",
				email: "O campo email deve conter um email válido!"
			},
			txt_comentario: {
				required: "O campo comentário é obrigatorio!",
				minlength: "O campo comentário deve ser preenchido corretamente!"
			}
		},
		submitHandler: function( form ){
			alert( form );
		}
	});
});
</script>
</head>
<body>
	<form action="" method="post" id="validate">
		<input type="text" name="txt_nome" />
		<input type="text" name="txt_telefone" />
		<input type="text" name="txt_email" />
		<input type="text" name="txt_comentario" />
		
		<input type="submit" name="ok" name="ok" />
	</form>
</body>
</html>
indente e organize melhor teus códigos, assim fica mais fácil encontrar erros deste tipo.

Compartilhar este post


Link para o post
Compartilhar em outros sites

testou o código que postei ?

 

vou apontar os erros, do ultimo codigo que você postou

txt_comentario: {
                                        required: true, 
                                        minlength: 2            
                        },
                        messages:{
o correto seria:

                                txt_comentario: {
                                        required: true, 
                                        minlength: 2
                                } //fechamento da regra do txt (esse estava faltando) 
                        },//fechamento do rules
                        messages:{
isso:

$(form).submit(function(){
                alert('todos os dados foram preenchidos corretamente');
                return false

                });
não faz sentido nesse contexto..

pois o submitHandler equivale a um $( seletor ).submit() externo

 

um dentro do outro, não faz sentido.

txt_email: true
não existe

txt_comentario: "O campo comentário deve ser preenchido corretamente!"
também não existe.

 

compare o código que postei com o teu, e teste ^_^

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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