.bind（ 'submit'）を使用したjQueryフォームの検証

Question

私はフォームバリデーションと.bind（ 'submit'）（一緒にうまく一緒にプレイするために送信ボタンをスピナーに置き換える）を取得しようとしています。

私のJSコードが

$.metadata.setType("attr", "validate"); 
    $(document).ready(function() { 
     $("#selecttest").validate({ 
      rules: { 
       field: { 
        required: true, 
        email: true 
        } 
       } 
      }); 

     $('#selecttest').bind('submit', function() { 
      $('#div-loading').show(); 
      $('#div-submit').hide(); 
     }); 

    }); 

で、形式は次のとおりです。

<form id="selecttest" method="post" action="submit.php"> 
Please enter your Email: 
<input type="email" name="email" id="email" style="font-size: 30px;" class="inputtext required email" size="30" onKeyDown="if(event.keyCode==13) event.keyCode=9;" validate="required:true" title=""><br><br> 
       <input type="checkbox" name="tos" value="tos" class="required" checked/>I agree to the <a>terms and conditions</a><br> 
       <div id="div-loading" style="display:none;"> 
        <img src="../images/loading.gif" class="Loading"> 
       </div> 
       <br> 
       <div id="div-submit"> 
        <INPUT type="submit" value="Submit" class="ButtonSubmit"> 
       </div> 
      </form> 

そして両方の機能は非常によく、互いに独立して動作し、私はちょうど（第2のネクタイする方法を見つけ出すことはできません表示/非表示）は、一度のみ実行され、検証および送信されます。

Answer 1

http://docs.jquery.com/Plugins/Validation/validate

$("#selecttest").validate({ 
    rules: { 
     field: { 
      required: true, 
      email: true 
     } 
    }, 
    submitHandler: function(form) { 
     $('#div-loading').show(); 
     $('#div-submit').hide(); 
     form.submit(); 
    } 
});