jQuery的表單驗證邏輯

Question

我有以下代碼：

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

}); 

我在我的形式總計10場（姓，名，電子郵件等）。正如你可以在我的腳本（//etc...）中看到的那樣，如果一個字段是有效的，我會一遍又一遍地重複同樣的情況。

我認爲重複showError和return false不是一個好的解決方案。

是否有更簡單的方法（或更好）使用驗證數據？謝謝

Answer 1

使用jQuery驗證插件。

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

它做這種類型的東西，而無需編寫任何代碼。