jQuery驗證表單字段，但不將表單數據提交到目標文件

Question

我正在嘗試使用jquery和ajax驗證聯系我們表單，表單字段正在成功驗證，但是數據未提交到php文件，即contact_submit.php。 請給我答案……謝謝！

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

                });

            }
      });

});

我認為我的提交處理程序中有錯誤。

Answer 1

我認為問題出在在線data: $($form).serialize() form前面的美元符號不應存在。

Answer 2

首先，您在文檔就緒函數中使用var $form = $(this) ，這里$（this）指文檔不是表單，在內部成功處理函數中，您使用此$($form).serialize() ==>不返回任何內容。

更改：刪除了var $form = $(this)行，並添加了$("#frm").serialize(); 在submitHandler 。

試試這個代碼..

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

                    });

                }
          });

    });