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.