jQuery forme logique de validation

Question

Je le code suivant:

function showError(l, msg) { 
    $('#'+l).css({'color':'red'}); 
    $('#error').html(msg).fadeIn(500); 
} 

$(document).ready(function(){ 

$('#form').submit(function() { 
    if($('#username').val() == '') { 
    showError('labelUser', 'Please enter a username'); 
    return false; 
    } 
    if($('input[type=password]')[0].value != $('input[type=password]')[1].value) { 
    showError('labelPassword', 'Password does not match'); 
    return false; 
    } 
    // etc... 
    $('label').css({'color':'black'}); 
    $('#error').html('').fadeOut(200); 
    return true; 
}); 

}); 

J'ai sous ma forme un total de 10 champs (nom, prénom, email etc ...). Comme vous pouvez le voir dans mon script (//etc...), je répète le même cas encore et encore si un champ est valide ou non.

Je pense que répéter les showError et return false n'est pas une bonne solution.

Existe-t-il un moyen plus simple (ou mieux) d'utiliser la validation des données? Merci

Answer 1

Utilisez le plug-in de validation jQuery.

http://bassistance.de/jquery-plugins/jquery-plugin-validation/

Il fait ce genre de chose sans écrire de code.