jQuery - 驗證似乎並沒有工作

Question

我試圖爲一個網站，即時通訊做一些驗證......我不得不承認，我不是一個jQuery忍者。

所以我所做的是從另一個網站進行驗證並將其添加到我的網站，但它似乎並沒有工作。

我的HTML如下：

<label for="yourname">Your name</label> 
<input type="text" name="yourname" id="yourname" /> <span class="error" style="width: 180px;"></span> 

和IM使用驗證如下：jQuery的一小部分：

if(!isString($.trim(iName.val()))){ 
    iName.siblings('.error').text('Please enter your name.'); 
    error = true; 
} 

其卡住它的兄弟姐妹位位...當我運行代碼時，它會將錯誤文本放在頁面上的每個.error範圍後面，其中它只意味着將其放在當前元素後面的.error範圍內。

任何幫助將是偉大的。

乾杯

Answer 1

iName.next('.error').text('Please enter your name.'); 

Answer 2

如果你只是使用一般類型的驗證，那麼我會建議你看看這個插件，我認爲它簡單，很容易上手。

http://bassistance.de/jquery-plugins/jquery-plugin-validation/

Answer 3

siblings指具有相同父的所有元素與分離.error並有你的peoblem。使用next應解決它。或者將每個輸入與跨度放在單獨的div中。