如何集成jquery表单插件和jquery验证插件

如何集成表单插件和jquery验证插件。我一直在尝试集成这两个插件，但我的问题是，如果您第一次单击按钮，即使字段为空，表单也会被提交，因此换句话说，beforesmit是如何被忽略的。然后，当第二次单击按钮时，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",

         }

     });
   }

  });

这为我指明了正确的方向。

.validate（）

是插件的初始化，必须在加载页面后立即调用。请在下面发布您的解决方案。多谢各位。