Jquery equalTO ingles -> español !

[drakgoku1]

Hola buenos dias, estoy validando con jquery y me funciona todo menos los mensages de equalTO me salen en inglés .....

name:{required:"Esta vacio", equalTO:"No son iguales"}

y el "No son iguales" no funciona me sale en ingles ..... que es lo que hago mal ?

Luego me gustaria ponerle un estylo al texto como lo hago ?

Gracias de antemano

[bigwhite]

Amigo: el equalTO es para OTRA COSA > que dos campos sean iguales en un formulario (password y password confirmation por ejemplo)

Mira este ejemplo ...donde veras que los mensajes (traducciones) van en otro lado:
(especificamente en 'messages' en el JSON)

<script src="../jquery-1.6.2.min.js" type="text/javascript" charset="iso-8859-1"></script>
<script src="plugin/jquery.validate.js" type="text/javascript"></script>

<style>

input { font-size:16px; width:320px; }

.valid { background: #ffffff;}
div.error { font-size:70%; width:320px; color:#FF0000;font-family:"Trebuchet MS"; }

span.required {font-weight: bold; color: #FF0000; width:320px;}

</style>

<form id="myform" method="post">

<h2><span>Registro</span> usuario:</h2>

<p>
<label for="email">E-mail: <span class="required">*</span></label><br/>
<input type="text" size="50" id="email" name="email" value="" />
</p>

<p>
<label for="password">Password: <span class="required">*</span></label><br/>
<input type="password" size="50" id="password" name="password" value="" />
</p>

<p>
<label for="alguno">Campo no-importante: </label><br/>
<input type="text" size="50" id="alguno" name="alguno" value="" />
</p>

<p>
<label for="username">Apodo: <span class="required">*</span></label><br/>
<input type="text" size="50" id="username" name="username" value="" />
</p>


<p><input name="enviar" value="Enviar" type="submit"></p>
</form>

<script>
// el arreglo JSON podria generarse desde PHP extrayendo dde base de datos info de los campos (requerimientos y mensajes)
$(function(){
$('form').validate({
rules:
{
'email': { required: true, email: true }, // lo que rastrea son los names!
'password': { required: true, minlength: 6 },
'username': { required: true, minlength: 2 }
},
messages:
{
'username': { required: 'Debe ingresar nombre de usuario', minlength: 'Longitud minima de 2 caracteres' },
'password': { required: 'Debe ingresar password', minlength: 'Longitud minima de 6 caracteres' },
'email': { required: 'Debe ingresar un correo electrónico', email: 'Debe ingresar el correo electrónico con el formato correcto. Por ejemplo: [email protected]' }
},
debug: true,
submitHandler: function(form)
{
alert('El formulario ha sido validado correctamente!');
},
errorElement: "div"
});
});
</script>


<script>

// agrego clase error a todos los <INPUT> requeridos* dejando preparado todo para el evento focusOut
$('p > label > span.required').parent().parent().children('input' ).addClass('error');


$('form').submit(function() {
$('input.error').css({border: '2px red solid', background: '#faffbd'});
return false;
});

//var parent = $(this).parent();

$('input.error').live('focusout', function(e)
{
$(this).css({border: '2px red solid', background: '#faffbd'});

var parent = $(this).parent();
if (parent.children('div.error').length ==0){
parent.append('<div class="error">Campo obligatorio</div>');
}

});


$('input.valid').live('focusout', function(e)
{
$(this).css({border: '1px grey solid', background: '#ffffff'});

var parent = $(this).parent();
if (parent.children('div.error').length !=0){
parent.children('div.error').empty();
}

});

</script>

[drakgoku1]

Iniciado por bigwhite

Amigo: el equalTO es para OTRA COSA > que dos campos sean iguales en un formulario (password y password confirmation por ejemplo)

Mira este ejemplo ...donde veras que los mensajes (traducciones) van en otro lado:
(especificamente en 'messages' en el JSON)

Estoy empezando a usar Jquery por mi cuenta, vi tu codigo esta muy bién, la otra opción que veo es ... ir al script jquery y modificarlo es decir cambiar lo que pone en inglés a español es decir ... " enter the same value " = " introduce el mismo valor" .. sería una forma rapida , pero no me gusta editar scripts por si el dia de mañana hago cosas importantes como subirla a la web en --- es / en :S por eso lo digo ...

[drakgoku1]

Iniciado por drakgoku1

Estoy empezando a usar Jquery por mi cuenta, vi tu codigo esta muy bién, la otra opción que veo es ... ir al script jquery y modificarlo es decir cambiar lo que pone en inglés a español es decir ... " enter the same value " = " introduce el mismo valor" .. sería una forma rapida , pero no me gusta editar scripts por si el dia de mañana hago cosas importantes como subirla a la web en --- es / en :S por eso lo digo ...

Tengo un codigo parecido a este

Código Javascript:

$(document).ready(start);
function start()
{
$("#form1").validate
(
{
rules:
{
pass:{required:true,minlength:8},
pass2:{required:true,equalTo: "#pass"}
 
}
,
messages:
{
pass: {required:"Debe llenar este campo" , minlength:"introduce 8 caracteres"},
pass2: {required:"Debe llenar este campo", equalTO:"no coincide "}
 
 
}
}
);
 
 
 
}
 

Y quiero poder ver el el equalTO: en español !!!!
Pero no me funciona lo hago bien ???? :S

[drakgoku1]

Alguien sabe como puedo hacerlo ?

He visto en la pagina https://signup.leagueoflegends.com/es/signup/index que si pero no utiliza ninguna secuencia de las que utilizo yo. serán scrips avanzados, podeis hacer la prueva

Código Javascript:

<script type="text/javascript" charset="utf-8">
    var validationRules = {"PvpnetAccountName":[{"rule":"\/.+\/"
    ,"message":"Este campo es obligatorio"}
    ,{"rule":["between",4,24]
    ,"message":"Ha de contener entre 4 y 24 caracteres de longitud"}
    ,{"rule":["custom","\/^[a-z0-9]+$\/i"]
    ,"message":"S\u00f3lo puede contener letras y n\u00fameros"}
    ,{"rule":"nameAvailable"
    ,"message":"El nombre de usuario ya est\u00e1 en uso"}]
    ,"PvpnetAccountPassword":[{"rule":"\/.+\/"
    ,"message":"Este campo es obligatorio"}
    ,{"rule":["between",6,16]
    ,"message":"Ha de contener entre 6 y 16 caracteres de longitud"}
    ,{"rule":["custom","\/(\\d[a-z]|[a-z]\\d)\/i"]
    ,"message":"Debe contener al menos una letra y un n\u00famero"}
    ,{"rule":["custom","\/^[^\\\/\\s\\\\]+$\/"]
    ,"message":"No debe contener barras o espacios"}
    ,{"rule":["matches","confirm_password"]
    ,"message":"Las contrase\u00f1as deben coincidir"}]
    ,"PvpnetAccountDateOfBirthYear":[{"rule":"\/.+\/"
    ,"message":"Year field is required"}
    ,{"rule":"\/\\d{4}$\/"
    ,"message":"Four Digit year(Numbers Only)"}]
    ,"PvpnetAccountDateOfBirthDay":[{"rule":"\/.+\/"
    ,"message":"Day field is required"}
    ,{"rule":["numericalBetween",1,31]
    ,"message":"Day range 1 - 31(Numbers Only)"}]
    ,"PvpnetAccountDateOfBirthMonth":[{"rule":"\/.+\/"
    ,"message":"Month field is required"}
    ,{"rule":["numericalBetween",1,12]
    ,"message":"Month range 1 - 12(Numbers Only)"}]
    ,"PvpnetAccountEmailAddress":[{"rule":"\/.+\/"
    ,"message":"Este campo es obligatorio"}
    ,{"rule":["maxLength",100]
    ,"message":"Debe contener como m\u00e1ximo 100 caracteres"}
    ,{"rule":"email"
    ,"message":"Debe ser una direcci\u00f3n v\u00e1lida de correo electr\u00f3nico"}
    ,{"rule":"emailAvailable"
    ,"message":"Email already in use"}]
    ,"PvpnetAccountTouAgree":[{"rule":"checked"
    ,"message":"Este campo es obligatorio"}]
    ,"PvpnetAccountRealm":[{"rule":"\/.+\/"
    ,"message":"Este campo es obligatorio"}]
    ,"PvpnetAccountCaptcha":[{"rule":"captcha"
    ,"message":"El texto debe coincidir con la imagen"}]};
    var localizedText = {
        'Loading...': "Cargando...",
        'change': "cambiar" }
</script>
 

Solo quiero un equalTO en español xD.

[andresdzphp]

Que te cuesta consultar la documentación y los demos? Además es equalTo no equalTO

Demos
Documentación (Plugins/Validation/Methods/equalTo)


Tienes tus rules

Código Javascript:

pass: {
    required: true,
    minlength: 8
},
pass2: {
    required: true,
    minlength: 8,
    equalTo: "#pass"
},
 

tienes tus messages

Código Javascript:

pass: {
    required: "Debe llenar este campo",
    minlength: "Introduce 8 caracteres"
},
pass2: {
    required: "Debe repetir el password",
    minlength: "Introduce 8 caracteres",
    equalTo: "No coinciden"
},