jQuery验证显示消息但表单提交

Question

I am using jquery validation: The validation message is working well. But, when i click submit, the form is being submitted. This is what i used:

$(document).ready(function(){
     $("#register-form").validate({
        rules: 
            {
                mobile:{number:true,required:true,maxlength:10},
                phone:{number:true,required:true,maxlength:10},
                office_phone:{number:true,required:true,maxlength:10},
                father_name:{required:true},
                mother_name:{required:true},
                dob:{required:true,date:true},
                gender:{required:true},

                name:{required:true},

                email:{required:true,
                        remote:
                          {
                                url: "{{url('/checkEmail')}}",
                                type: "post",
                          }
                      },

                password : {
                        minlength : 8
                    },
                    password_confirmation : {
                        minlength : 8,
                        equalTo : "#password",
                    },


            },
            messages:
            {
                email:{required:'Email is required.',
                      remote:'Email already in use',
                     },
                phone:{required:'Phone Number is required.', number:'Only Numbers allowed,',maxlength:'Phone Number should be maximum of 10 digits'},
                office_phone:{required:'Phone Number is required.', number:'Only Numbers allowed,',maxlength:'Phone Number should be maximum of 10 digits'},
                mobile:{required:'Phone Number is required.', number:'Only Numbers allowed,',maxlength:'Phone Number should be maximum of 10 digits'},
            },

        });
});

I tried with

$(document).on('submit', '#register-form', function (e) 
{   
    e.preventDefault();
    $("#register-form").validate({
    rules: 
    .....

This is not submitting the form but not showing error messages too. What am i doing wrong?

Answer 1

use 1st one

$("#register-form").validate({
rules:{
//rules here
},
messages:{
//messages here
},
submitHandler: function(form)
{
form.submit(); 
}
});