jQuery驗證顯示消息但表單提交

Question

我正在使用jquery驗證：驗證消息運行良好。 但是，當我單擊提交時，正在提交表單。 這就是我用的：

$(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'},
            },

        });
});

我嘗試過

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

這不是提交表單，但也不顯示錯誤消息。 我究竟做錯了什么？

Answer 1

用第一個

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