jquery - jqueryフォームプラグインとjquery検証プラグインを統合する方法

Question

フォーム プラグインhttp://malsup.com/jquery/form/と jquery 検証プラグインhttp://docs.jquery.com/Plugins/Validationを統合する方法。私は両方のプラグインを統合しようとしていますが、私の問題は、フィールドが空であっても、最初にボタンをクリックするとフォームが送信されることです。次に、ボタンが2回目にクリックされると、beforeSubmitが有効になり、検証が開始されます。何が間違っているのかわかりません。誰かが私を正しい方向に向けることができますか:

 $(document).ready(function () {

 $("#register_student_1 button").click(function (e) {


     var options = {
         target: '#reg-output1',
         beforeSubmit: showRequest,
         success: showResponse,
         type: 'post'

     };



     $('#register_student_1').ajaxForm(options);




 }),



 function showResponse(responseText, statusText, xhr, $form) {
     console.log("showResponse test");
 }



 function showRequest(formData, jqForm, options) {





     $("#register_student_1").validate({
         rules: {
             first_name: "required",
             last_name: "required",
             date_of_birth: {
                 date: true,
                 required: true

             },
             address_1: "required",
             nationality: "required",
             city: "required",
             country: "required",
             email: {
                 required: true,
                 email: true
             },
             current_school_name: "required",



         },
         messages: {
             first_name: "Please enter your first name",
             last_name: "Please enter your last name",
             date_of_birth: "Please enter your date of birth",

         }

     });
   }

  });