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"
}
});