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

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

    Прежде чем заполнить элементы <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() нуждаются в дальнейших пояснениях.

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

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