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