Простейшая валидация обязательных полей формы с jQuery-плагином Validation

Задача:

Не дать пользователю отправить формы с незаполненными некоторыми полями, подсветить незаполненные поля красной рамкой при попытке отправки.

Решение:

1) Подключаем плагин (скачать можно тут):

<script type="text/javascript" src="js/jquery.validate.min.js"></script> 

2) Устанавливаем класс "required" для тех полей формы, которые мы хотим сделать обязательными:

<input type="text" name="ip" size="30" class="required"/>

3) Добавляем JS-код:

$(document).ready(function(){
    $("#myFormId").validate(
{
errorPlacement: function(error, element){} // no error messages                                  

});
  });

Здесь предполагается, что валидируемая форма имеет идентификатор "myFormId". Пустая функция  errorPlacement позволит не показывать не нужные текстовые сообщения о незаполненности поля (т.к. нам достаточно только подсветки).

4) Делаем собственно подсветку незаполненных полей, добавляя CSS:

.error
{
  border-color: red;
}