2009-07-16 15 views
0

:私は、各入力要素のidを追加したい、提出する前に、フィールドを検証するために、jQueryの控えめな形式は次のようにフォームを検証するために

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

は次のようになります。

012:
<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を使って設計と実装の両方でいくつかのガイダンスを必要としています。

+0

あなたの質問はjQueryの必要性を示すものではありません。 HTMLフォームには常にラベルが付いていなければなりません。 – stefanw

+0

何らかのエラーメッセージを表示するためのラベルはありますか? – algiecas

+0

私は彼らが意味論的であるべきではないと思います。 – stefanw

答えて

4

あなたはjQueryを使ってこれを実行したい場合は、IDのようなものを使用することができます:ラベルの

$('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); 
}); 

しかし、個人的に、私はむしろそれらのIDとラベルを設定しますHTMLで

+0

ありがとう、それは魅力のように働いた! – dfa

関連する問題