Validação com plugin Validation/validate
|
|
Categoria: JQuery
|
|
Publicado em 04 de Abril de 2011
|
|
Exemplo de validação:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
|
$(document).ready(function() {
$('#IdDoFormulario').validate({
rules: {
Id_Campo_1: {
required:true
},
Id_Campo_2: {
required:function(){
return true;
}
},
Id_Campo_3: {
required:true
}
},
messages : {
Id_Campo_1: {
required: 'Por favor, digite o valor do campo 1.'
},
Id_Campo_2: {
required: 'Por favor, digite o valor do campo 2.'
},
Id_Campo_3: {
required: 'Por favor, digite o valor do campo 3.'
}
}
}); // fim da validação
});
|
Validação com método customizado: 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
| $.validator.addMethod('metodoCustomizadoValidacao', function(value, element) {
return true; // TRUE para validado, FALSE para invalidado
}, '<br />É necessário preencher o campo.'); // Msg padrão de erro
$('#filtro').validate({
rules: {
ID_CAMPO_1: {
required: true
},
ID_CAMPO_2: {
metodoCustomizadoValidacao: true
}
},
messages: {
ID_CAMPO_1: {
required: '<br />Por favor, preencha o campo 1.'
},
ID_CAMPO_2: {
metodoCustomizadoValidacao: '<br />Por favor, preencha o campo 2.'
}
}
}); |
Não é recomendado (pois existem as Custom Validations), mas pode-se optar por:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
$(document).ready(function() {
$('#formCadastro').validate({
submitHandler : function(form) {
$boolValidado = true;
if ( $('#Id_Campo_1').val() == '' ) {
alert( 'É necessário preencher o campo 1.' );
$boolValidado = false;
}
if ( $('#Id_Campo_2').val() == '' ) {
alert( 'É necessário preencher o campo 2' );
$boolValidado = false;
}
// Submete o formulário caso todos os dados tenham sido validados
if ( $boolValidado ) {
$(form).submit();
}
}
}); // fim da validação
});
|
URL da documentação do plugin Validation: http://docs.jquery.com/Plugins/Validation/Validator
|