jQuery unaufdringliche Form

Question

Um eine Form wie zu überprüfen:

<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" /> 

, um Felder zu validieren, bevor einreichen, ich möchte eine ID für jedes Eingabeelement hinzuzufügen:

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

wird:

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

Dann wird für jedes Eingabeelement, möchte ich ein Label hinzuzufügen:

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

wird:

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

ich einige Hinweise müssen sowohl in Design und Implementierung mit jQuery.

Answer 1

Wenn Sie dies mit jQuery tun wollen könnte man so etwas für IDs verwenden:

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

Für Etiketten so ähnlich:

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

Aber ich persönlich würde eher diese IDs und Etiketten-Set in HTML.