phone - jquery validate plugin example

jQuery Validation plugin-Mensaje personalizado

Question

Soy nuevo en JQuery y estoy usando el complemento de validación JQuery .

Me gustaría preguntar, cómo anular los mensajes predeterminados para mostrar también texto en la etiqueta asociada con el elemento del formulario.

Me sale un mensaje como este:

La contraseña de campo es obligatoria. en lugar de por defecto Este campo es obligatorio .

Field PostCode debe contener al menos 3 caracteres. en lugar de por defecto Por favor ingrese al menos 3 caracteres.

Necesito anular el comportamiento predeterminado de este complemento, porque no deseo especificar un mensaje personalizado para cada elemento para cada tipo de validación.

¿Es posible?

Answer 1

Esto es lo que encontré cuando buscaba lo mismo hace un par de días. Lamentablemente, no recuerdo dónde lo encontré, así que no puedo dar crédito a la persona que escribió la respuesta.

jQuery.extend(jQuery.validator.messages, {
    required:"This field is required.",
    equalTo:"Password fields do not match.",
    email:"Please enter a valid email.",
});

Answer 2

Hay una forma más concisa de lograr esto.

Use " data-msg " o " data-msg- (rulename)" para anular el mensaje de error predeterminado para una regla predefinida o una regla personalizada. (después de la validación jQuery v1.11.0, actualmente v1.16.0)

<input id="pwd" name="pwd" type="password" value=""
       required
       data-msg-required="Field Password is required." />

<input id="postcode" name="postcode" type="text" value=""
       required
       data-msg-required="Field PostCode is required."
       minlength="3"
       data-msg-minlength="Field PostCode must contain at least 3 characters." />

Answer 3

Necesitaba hacer lo mismo y terminé creando un método personalizado para que su mensaje se pudiera compartir entre múltiples formularios.

Encontré esta respuesta en una pregunta similar sobre desbordamiento de pila: ¿cómo podemos especificar las reglas para el complemento de validación jquery por clase?

$.validator.addMethod(
    "newEmail", //name of a virtual validator
    $.validator.methods.email, //use the actual email validator
    "Custom error message"
);

Answer 4

agregue esto después del complemento:

jQuery.extend(jQuery.validator.messages, {
    required: "Your new default message",
    email: "That''s not a valid email"
});

puede ponerlo en un archivo separado si lo desea, pero asegúrese de que esté incluido después del plugin

Answer 5

$("#signupform")
    .validate({
        rules: {
            password: "required",
            postcode: {
                required: true,
                minlength: 3
            }
        },
        messages: {
            password: "Field Password is required",
            postcode: {
                required: "Field PostCode is required",
                minlength: "Field PostCode must contain at least 3 characters" 
            }
    });