2010-07-21 65 views
2

我想在我的5個問題測驗形式上使用jquery validate插件。但我有問題如何顯示驗證錯誤消息的require字段。jquery驗證錯誤信息的安置位置

我的形式是這樣的:

<form id="quiz"> 
<table width="100%"> 
<tbody> 
<tr id="qntr"> 
    <td id="qntd">My question 1</td> 
    <!-- if field is empty, validate error message to appear over here --> 
</tr> 
<tr id="anstr"> 
    <td id="anstd"> 
    <table><tr> 
     <td>Choice 1</td> 
     <td>Choice 2</td> 
     <td>Choice 3</td> 
    </tr></table> 
    </td> 
</tr> 
<tr id="qntr"> 
    <td id="qntd">My question 2</td> 
    <!-- if field is empty, validate error message to appear over here --> 
</tr> 
<tr id="anstr"> 
    <td id="anstd"> 
    <table><tr> 
     <td>Choice 1</td> 
     <td>Choice 2</td> 
     <td>Choice 3</td> 
    </tr></table> 
    </td> 
</tr> 
... 
</tbody> 
</table> 
</form> 

我validate.js:

$(document).ready(function() { 
     var form = $("#quiz"); 
     form.validate({ 

      errorPlacement: function(error, element) { 
       error.insertAfter(x); // what should x be? 
      } 

     }); 

}); 

我想應該用什麼來取代「X」在errorPlacement我的驗證錯誤消息顯示在我的表單的 中?

謝謝。

+0

我強烈建議您不要對多個元素使用相同的ID ..請在下面檢查我更新的答案! – dejavu 2010-07-21 08:01:06

回答

3

UPDATE

這裏是我更新的解決方案:

error.appendTo(element.parents('#anstr').prev('tr')); 

原帖

你試試?

error.insertAfter(element); 
+0

嗨dejavu,我試圖使用error.insertAfter(元素),但它會出現在選擇1單選按鈕,而不是我的願望位置。 – 2010-07-21 06:58:52

+0

我已更新我的帖子..請檢查我的新答案。 – dejavu 2010-07-21 07:53:32

+0

謝謝,它的作品! – 2010-07-21 08:17:28