2011-02-01 15 views
2

イム:jQueryの検証 - 複数のグループ次を持つユーザーコントロールをデザイン

  • マーカーの
  • のLinkBut​​ton
  • テキストボックスをプラグイン「アドレス入力」
  • Googleマップと呼ばれるテキストボックス呼ばれるタイトル 'MarkerTitleInput' が
  • ボタン "送信"

問題はこれです:送信ボタンをクリックするとLinkBut​​tonコントロールがクリックされると、私はアドレス入力が完了したことを確認する必要があり

が、何もないが、

、私はアドレス入力とMarkerTitleInputが両方完了したことを確認する必要があります。

だから私の最初の二つの問題がある: は、1)どのように私は、フォームのすべてのフィールドが送信されて検証するにはどうすればよいのフォーム 2)を提出せず、LinkBut​​tonコントロールから特定のフィールドを検証しない

私の他の問題がありますlinkbuttonをクリックすると、私のコードはGoogleのジオコードに対してルックアップを実行してアドレスを取得します。アドレスが見つからないときに処理する追加の検証メソッドを作成するつもりでしたが、バリデータを使用すると、キーが押されるたびにjsonリクエストが送信されることを意味します。これはあまりにも多くの場合です。クリックした私は役に立たないと(selector).validate({ onkeyup:false })を試してみました。 .valid()メソッドがフォームが有効であると思うかどうか手動で設定することは可能でしょうか?

おかげ アル

答えて

0

2つのボタン(jQueryのターゲティングを簡単にするために)独自のクラスのそれぞれを与えます。

各クラスにOnClickイベントを与えます。

OnClickイベントで検証します。

検証が成功した場合はtrueを返します。

それ以外の場合はfalseを返します。

+0

こんにちはJeff - 応答に感謝しますが、jQueryのプラグインと並行してどのように動作しますか? – higgsy

2
$("form").validate({ 

     groups:{ 

      pg1:"_Phone1 _Phone2 _Phone3", 

      pg2:"dob_month dob_day dob_year" 

     }, 

     errorPlacement:function(error, element){ 

     if(element.attr("name")=="_Phone1"|| element.attr("name")=="_Phone2" || element.attr("name")=="_Phone3"){ 

     error.insertAfter("#_Phone3") 
     } 

     else if 
     (element.attr("name")=="dob_month"|| element.attr("name")=="dob_day" || element.attr("name")=="dob_year"){ 

     error.insertAfter("#dob_year") 
     } 

     else 

     error.insertAfter(element); 

     }, 

     }); 

}); 
関連する問題