如何在ajax提交上验证表单

Question

我可以使用data-validation属性来验证表单，该属性在没有ajax表单提交的情况下正常工作。

现在我正在尝试使用ajax提交验证我的注册表单我尝试使用以下代码，但这不起作用。

我正在使用Jquery form validation

       $(document).ready(function () {
        $(document).on("click", '#submitbtn', function (f) {
         f.preventDefault();
          var formData = $("#register").serialize();
       $.validate({
        form : '#registration-form',
         onError : function($form) {
          alert('Validation of form '+$form.attr('id')+' failed!');
        },
        onSuccess : function($form) {
          alert('The form '+$form.attr('id')+' is valid!');
          return false; // Will stop the submission of the form
 $.post('register', formData, function (data) {
             if (data.st === 1) {
                $('.msg').html(data.msg);
             }
            else {
              $('.msg').html(data.msg);
            }
          }).fail(function (response) {
                 $('.msg').html("Error");
            });
        }

      });

   });
 });
     });

如何实现这个目标？