jQuery验证表单字段，但不将表单数据提交到目标文件

Question

I am trying to validate the contact us form using jquery and ajax, the form fields are validating successfully ,but the data not submitted to php file ie contact_submit.php. please give me answer...... thank you !

 $(document).ready(function(){
    var $form = $(this);
        $('#frm').validate({
        rules: {
          name: {

            required: true
          },
          email: {
            required: true,
            email: true
          },
          mobile: {
            minlength: 10,
            maxlength:10,
            number:true,
            required: true
          },
          message: {
            required: true
          }
        },
            highlight: function(element) {
                $(element).closest('.control-group').removeClass('text-success').addClass('has-warning');
            },
            /*success: function(element) {
                element
                .text('OK!').addClass('valid')
                .closest('.control-group').removeClass('has-warning').addClass('text-success');
            },*/
            submitHandler: function(form)
            {
                $ajax({
                    url: "contact_submit.php",
                    type: "post",
                    data: $($form).serialize(),
                    success:function(response)
                    {
                        $('#msg').html('Your form is submited');
                    }

                });

            }
      });

});

I think there is mistake in my submithandler.

Answer 1

我认为问题出在在线data: $($form).serialize() form前面的美元符号不应存在。

Answer 2

First you are using var $form = $(this) inside your document ready function and here $(this) refers to document not form and inside success handler function you using this $($form).serialize() ==> returns nothing.

Changes : removed var $form = $(this) line and added $("#frm").serialize(); in submitHandler .

Try this Code..

 $(document).ready(function(){

            $('#frm').validate({
            rules: {
              name: {

                required: true
              },
              email: {
                required: true,
                email: true
              },
              mobile: {
                minlength: 10,
                maxlength:10,
                number:true,
                required: true
              },
              message: {
                required: true
              }
            },
                highlight: function(element) {
                    $(element).closest('.control-group').removeClass('text-success').addClass('has-warning');
                },
                /*success: function(element) {
                    element
                    .text('OK!').addClass('valid')
                    .closest('.control-group').removeClass('has-warning').addClass('text-success');
                },*/
                submitHandler: function(form)
                {
                    $ajax({
                        url: "contact_submit.php",
                        type: "post",
                        data: $("#frm").serialize(), //Or $(form).serialize()
                        success:function(response)
                        {
                            $('#msg').html('Your form is submited');
                        }

                    });

                }
          });

    });