アプリで 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 リクエストから取得されます。