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/

它无需编写任何代码即可完成此类操作。