jQuery Validation – Traducir mensajes de error

Publicada el por

Veamos cómo traducir los mensajes de error en esta potente librería jquery validation. Por defecto, los mensajes se muestran en inglés, y vamos a ver cómo traducirlos al castellano.

Ya vimos en anteriores artículos cómo dar formatos a mensajes de error en jquery validation, y escoger dónde mostrar los errores en jQuery validation , ahora toca saber cómo traducir los mensajes de error en jquery validation.

Traducir mensajes error

Lo primero que debemos hacer es crear el fichero de traducción. En mi caso lo creo en la misma carpeta donde tengo jquery validation. Lo hacemos de la siguiente manera:

/* Fichero /js/validate.es.js */

$.extend($.validator.messages, {
    required: "El campo es obligatorio",
    email: "El campo email no contiene un formato correcto",
    ...
});

Extendemos los mensajes de validator. Por ese motivo, a este fichero lo cargaremos justo después de cargar la librería jquery valitacion.

Llamamos a la librería y la traducción

Una vez creado el fichero JS, llamamos primero la librería y luego el fichero de traducción, tal y como hemos dicho:

<script src="./js/jquery.validate.min.js"></script>
<script src="./js/validate.es.js"></script>

Utilizamos la librería jquery validation

Ahora ya podemos utilizar la librería y se nos mostrará los errores en castellano.

$("#formcontacto").validate({
      rules: {
        Nombre: { required: true, minlength: 2, maxlength: 50 },
        Nif: { required: true },
        Direccion: { required: true, minlength: 2, maxlength: 50 },
        Email: { required: true, minlength: 4, maxlength: 100, email: true },
        Telefono: { required: true, minlength: 2, maxlength: 50	}
      },
      messages: {
        Nombre: "El campo Nombre es obligatorio (de 2 a 50 caracteres)",
        Nif: "El campo Pedido es obligatorio. Ponga el identificador de su pedido.",
        Direccion: "El campo DSirección es obligatorio (de 2 a 50 caracteres)",
        Email: "El campo Email es obligatorio (de 4 a 100 caracteres con formato email)",
        Telefono: "El campo Teléfono es obligatorio (de 2 a 50 caracteres)"
      },
      errorElement : 'span'
    });

Y sí. Con este método lo único que hacemos es cambiar un idioma por otro. Sólo válido en aplicaciones que utilizan un solo idioma. Si queremos que jquery validation esté en varios idiomas y escoger el que nos convenga, se hace de otro modo, y eso es otro artículo…

Más información