300x250 AD TOP

Mostrando las entradas con la etiqueta jquery.validator. Mostrar todas las entradas
Mostrando las entradas con la etiqueta jquery.validator. Mostrar todas las entradas

domingo, 29 de septiembre de 2013

Etiquetado Como: , , , ,

Cambiar Mensajes por defecto de JQuery Validator - Traducir a Español

Ayer conversaba con un amigo sobre las ventajas de usar JQuery validator, el cual aparte de permitirnos crear reglas de validación, ya trae varias por defecto y también le asigna un mensaje por defecto.

Cambiar estos mensajes con muy fácil basta con agregar este código sobre tus reglas de validación lo cual nos permite setear y personalizar los mensajes por defecto:

 $.extend(jQuery.validator.messages, {
  //Aquí ingresamos los mensajes para cada validación por defecto

 });

Por ejemplo si quieres traducir todos los mensajes por defecto podrian ingresar este codigo

$(document).ready(function() {
jQuery.extend(jQuery.validator.messages, {
  required: "Este campo es obligatorio.",
  remote: "Por favor, rellena este campo.",
  email: "Por favor, escribe una dirección de correo válida",
  url: "Por favor, escribe una URL válida.",
  date: "Por favor, escribe una fecha válida.",
  dateISO: "Por favor, escribe una fecha (ISO) válida.",
  number: "Por favor, escribe un número entero válido.",
  digits: "Por favor, escribe sólo dígitos.",
  creditcard: "Por favor, escribe un número de tarjeta válido.",
  equalTo: "Por favor, escribe el mismo valor de nuevo.",
  accept: "Por favor, escribe un valor con una extensión aceptada.",
  maxlength: jQuery.validator.format("Por favor, no escribas más de {0} caracteres."),
  minlength: jQuery.validator.format("Por favor, no escribas menos de {0} caracteres."),
  rangelength: jQuery.validator.format("Por favor, escribe un valor entre {0} y {1} caracteres."),
  range: jQuery.validator.format("Por favor, escribe un valor entre {0} y {1}."),
  max: jQuery.validator.format("Por favor, escribe un valor menor o igual a {0}."),
  min: jQuery.validator.format("Por favor, escribe un valor mayor o igual a {0}.")
});
});

Referencia:
http://stackoverflow.com/questions/9371338/jquery-validation-plugin-response-messages