jQuery - 検証doesntは動作しているようです

Question

私はやっているサイトのいくつかのバリデーションをフックしようとしています...私は、jquery忍者ではないことを認めなければならない。

だから、私がやったことは、別のサイトからバリデーションを受け取り、それを自分のサイトに追加したことですが、うまくいきません。

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

と以下のようである検証するために使用してイムjqueryののごく一部を次のように

私のHTMLは次のとおりです。

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

その兄弟は少しそれに立ち往生することをビット...コードを実行すると、ページ上のすべてのエラースパンの背後にエラーテキストが配置されます。エラースパンは、現在の要素の背後の.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にスパンで配置する。