Шаг 156.
Библиотека jQuery. Интерактивные формы. Улучшение простой формы. Сообщения для обязательных полей (окончание)

    На этом шаге мы рассмотрим размещение обозначений обязательных полей.

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

    Прежде чем заполнить элементы <span> сообщениями, соответствующими индикаторам, нам необходимо сохранить их в паре переменных. Затем мы сможем убрать круглые скобки, используя регулярное выражение:

$(document).ready(function() { 
  $('legend').each(function(index) { 
    $(this).replaceWith('<h3>' + $(this).text() + '</h3>');
  });

  var requiredFlag = ' * ';
  var conditionalFlag = ' ** ';

  var requiredKey = $('input.required:first')
                               .next('span').text();
  var conditionalKey = $('input.conditional:first')
                               .next('span').text();
  
  requiredKey = requiredFlag + 
             requiredKey.replace(/^\((.+)\)$/,'$1');
  conditionalKey = conditionalFlag + 
            conditionalKey.replace(/\((.+)\)/,'$1');
  // Продолжение программного кода 
});

    Первые две дополнительные строки объявляют переменные requiredKey и conditionalKey, в которых сохраняются тексты сообщений двух типов полей. Следующие две строки изменяют текст в этих переменных, объединяя каждый индикатор с соответствующим ему текстом и исключая круглые скобки. Возможно, регулярное выражение и использование метода .replace() нуждаются в дальнейших пояснениях.

    На следующем шаге мы дадим описание регулярного выражения.




Предыдущий шаг Содержание Следующий шаг