¿Cómo podemos especificar reglas para el complemento de validación jquery por clase?
LosjQuery Plugin de validación funciona muy bien y es muy fácil de usar:
$(".selector").validate({
})
Solo configurando clases css como "correo electrónico obligatorio", se mostrará el mensaje predeterminado.
Sin embargo, necesito personalizar los mensajes. La documentación dice que puede especificar reglas usando un par clave-valor para los elementos y sus mensajes correspondientes:
$(".selector").validate({
rules: {
name: "required",
email: {
required: true,
email: true
}
},
messages: {
name: "Please specify your name",
email: {
required: "We need your email address to contact you",
email: "Your email address must be in the format of [email protected]"
}
}
})
Pero, no es práctico especificar una regla para cada elemento del formulario, especialmente los controles generados por el servidor en ASP.NET. ¿Es posible especificar reglas que se apliquen a TODOS los elementos? ¿O puedo usar un selector de clase de alguna manera?
Intenté lo siguiente, pero no funcionó:
$("#frmMyForm").validate
({
rules:
{
$(".required email"):
{
required: true,
email: true
}
},
messages:
{
$(".required email"):
{
required: "Please enter your email address",
email: "Your email address must be in the format of [email protected]"
}
}
});
Eso parecía tener un error de sintaxis: el complemento no hizo nada. Entonces intenté:
$("#frmMyForm").validate
({
rules:
{
".required email":
{
required: true,
email: true
}
},
messages:
{
".required email":
{
required: "Please enter your email address",
email: "Your email address must be in the format of [email protected]"
}
}
});
Esto no tenía ningún error de sintaxis: el complemento funcionó, pero ignoró las reglas / mensajes personalizados. ¿Alguien ha usado el complemento de validación jQuery? Si es así, ¿cómo aplicó las reglas / mensajes personalizados a varios elementos?
¡Gracias