2011-09-08 7 views
0

私は、単一列/複数行のテーブルに配置するフォームを持っています。エラーメッセージを入力フィールドのタイトルの前に表示します。 (私は最初の入力フィールドに入力した場合、他のすべての提出時に見えなくなる)これは私の試みだったが、それはうまくいきませんでした:jqueryの前にエラーメッセージを確認する

  errorPlacement: function(error, element) { 
        error.prepend(element.parent()); 
      }, 

は、どのように私の代わりにこれを達成することができますか?

答えて

1

私はこのように、空のコンテナを作成したい:

<div id="errorMsg"></div> 
<table id="form"> 
    <!-- your form table goes here --> 

あなたがエラーを持っている場合は、#errorMsgに挿入します。 IDでスタイルを立てて目立つようにすることができ、明確なメッセージであり、その過程で文書を破ることはありません。

後で#errorMsg divを最小限の労力でページの他の場所に移動することができます.HTMLを移動することは、DOM内の新しい場所をターゲットにJSを変更するよりも簡単です。

+0

を持ってありがとう!実際、JQuery Validateの一部であるerrorContainerはこれを行います:http://docs.jquery.com/Plugins/Validation/validate#toptions(そしてスクロールダウン)。私は今のところそれに固執するつもりです。 – Nicsoft

1

おそらく、構文エラーに

// Correct syntax 
$.prepend(content, [content]) 


errorPlacement: function(error, element) { 
    element.parent().prepend(error); 
}, 

// Or you can use $.prependTo(target) 

$(error).prependTo(element.parent(); 
関連する問題