Учитывая, что тот самый, велосипедный пост, до сих пор входит в двадцатку самых посещаемых страниц моего блога, я решил исправиться и показать, как бы я решал данный вопрос теперь.

Во-первых, я бы сразу взял какой-нибудь из JavaScript framework. Решений много, они отличаются по скорости и нужно смотреть в зависимости от проекта - что уже используется. В текущем проекте мы используем prototype и scriptaculous, по той причине, что при помощи JS мы в основном организуем взаимодействие администратора и backend-a, а администратор у нас использует Firefox 3, где Prototype быстрее jQuery. К тому же, мне prototype нравиться еще и потому, что он входит в состав Ruby on Rails, а значит работать с ним в этом фреймворке легко и непринужденно.

Во-вторых, и jQuery и Prototype обладают возможностью легкого расширения за счет плагинов. Ну и понятно, что для обоих уже существуют многофункциональные плагины для работы с формами. То есть, окончательное решение для примера было бы следующим:

<!-- Подключаем нужные библиотеки -->
<script src="scriptaculous/lib/prototype.js" type="text/javascript">
</script>
<script src="scriptaculous/src/effects.js" type="text/javascript">
</script>
<script type="text/javascript" src="validation.js">
</script>
...
<form id="test" action="#" method="get">
<!-- Cоздаем поля, которые нужно проверять -->
<input type="radio" name="field6" id="field6-male" value="Male" />
Male<br />
<input type="radio" name="field6" id="field6-female" value="Female" class="validate-one-required" />
Female<br />
<input type="radio" name="field7" id="field7-single" value="Single" />
Single<br />
<input type="radio" name="field7" id="field7-married" value="Married" class="validate-one-required" />
Married<br />
<input type="submit" value="Submit" />
...
<!-- Активируем плагин проверки для формы 'test' -->
<script type="text/javascript">
function formCallback(result, form) {
	window.status = "valiation callback for form '"
                        + form.id + "': result = " + result;
}
var valid = new Validation('test',
           {immediate : true, onFormValidate : formCallback});
</script>

Решение привожу в сокращенном виде, чтобы не засорять страницу длинными листингами, полное решение доступно на pastie. Сам плагинчик брать на оффициальном сайте. Там же есть подробный мануал, как переопределять сообщения/действия при ошибках, какие доступны опции проверки и многое другое. Надеюсь теперь валидация множественных radio в одной форме будет простой и прозрачной и не создаст никаких проблем.

Надо сказать, что книгу я взял переводную "АJAX в действии", поскольку оригинал у меня лежит на диске в виде PDF уже давно, но разобрать в ней что-то требует много времени. А вот бумажный экземпляр очень мило ездит со мной по всему городу и непрерывно читается: в электричке и троллейбусе, в автобусе и на остановке.

О самой книге можно сказать только хорошее. В ней очень подробно рассматриваются все плюсы ассинхронной технологии, правила построения удобных интерфейсов, техника работы с сервером.

Почти полглавы уделено граммотному построению DOM-структуры документа: специально для тех, кто до сих пор верстает таблицами. Целая глава посвещена существующим библиотекам JavaScript: Prototype, Sarissa, Scriptaculos, Rico. Упомянут Ruby on Rails. Сильный упор сделан на квалифицированное построение большого кода: чувствуется, что автору пришлось на самом деле разгребать JavaScript-модуль весом более полутора мегабайт.

О минусах скажу пока о мелкой детали: сорцы идут без табуляции. Тоесть читать их можно и не сложно, но все-таки с отступами шире чем в 1 пробел, они бы смотрелись гораздо лучше. Больше пока ничего сказать не могу ибо не нашел.

[tags]javascript, ajax, webdev, книги, программирование, образование[/tags]

Кстати, недавно узнал о существовании сайта tohtml.com реализующего именно ту самую пресловутую расцветку синтаксиса. Тоже достаточно удобная штука, хотя меня не очень впечатлила его цветовая гамма.

Огромное спасибо pythy за исправление ошибочки в ссылке.

function checkform(f)
{
var flag = true;
var prev = "";
for (var i = 0; i < elements.length; i++)   {
      var el = f.elements[i];
      if (el.type == 'radio') {
         if (prev != el.name)
       {         if (!flag)
          {
         alert('Warning! No answer selected');
           return false;
         }
       flag = false;
       prev = el.name;
   }
     flag = flag || el.checked;
} }
 return true; }