логика проверки формы jQuery - PullRequest
3 голосов
/ 26 сентября 2011

У меня есть следующий код:

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 не очень хорошорешение.

Существует ли более простой (или лучший) способ использования проверенных данных?Спасибо

1 Ответ

4 голосов
/ 26 сентября 2011

Используйте плагин jQuery Validation.

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

Он делает подобные вещи без написания кода.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...