5

アプリで jQuery を使用しています。ここでの私の目標は、テキスト フィールドの横に検証エラーを表示することですが、実際には div コンテンツを置き換えます。

<div class="control-group">
    <label class="control-label">Nom d'équipe</label>
    <div class="controls" id="nom_equipe">
        <input type="text" name="nom_equipe" value="" class="input-xlarge">                 </div>
</div>

だから私はajaxでフォームエラーを取得し、これが私がしていることです:

if(data.validate == false)
{
    if(data.nom_equipe != '')
    {
        $("#nom_equipe").append("span").addClass("label label-important").text(data.nom_equipe);
    }
}

しかし、それは私の div id=nom_equipe の内容全体を次のように置き換えます:

<div class="control-group">
    <label class="control-label">Nom d'équipe</label>
    <div class="controls label label-important" id="nom_equipe">Le champ Nom équipe est requis.</div>
</div>

最後に、これが私が望むものです:

<div class="control-group">
<label class="control-label">Nom d'équipe</label>
<div class="controls" id="nom_equipe">
    <input type="text" name="nom_equipe" value="" class="input-xlarge"> 
    <span>The field nom_equipe is required </span>
            </div>

PS : span div へのコンテンツは、ajax リクエストから取得されます。

4

2 に答える 2