jQuery ненавязчивая форма

Question

Для подтверждения формы как:

<input type="text" name="trueExplain" />
<input type="text" name="true1" />
<input type="text" name="true2" />
<input type="text" name="true3" />
<input type="text" name="true4" />
<input type="text" name="true5" />

чтобы проверить поля перед отправкой, я хочу добавить идентификатор для каждого элемента ввода:

<input type="text" name="true1" />

становится:

<input id="true1" type="text" name="true1" />

Затем для каждого элемента ввода я хочу добавить метку:

<input type="text" name="trueExplain" />
<input type="text" name="true1" />
etc

становится:

<label for="trueExplain"></label>
<input id="trueExplain" type="text" name="trueExplain" />
<label for="true1"></label>
<input id="true1" type="text" name="true1" />
etc 

Мне нужны некоторые рекомендации как по разработке, так и по реализации с помощью jQuery.

Answer 1

Если вы хотите сделать это с помощью jQuery, вы можете использовать что-то вроде идентификаторов:

$('input[type=text][name^=true"]').each(function () {
    $(this).attr('id', $(this).attr('name'));
});

Для ярлыков что-то в этом роде:

$('input[type=text]').each(function () {
    var label = $(document.createElement('label'));
    label.attr('for', $(this).attr('id'));
    $(this).before(label);
});

Но лично я бы предпочел установить эти идентификаторы и метки в HTML.