Jquery表单提交问题

我有一个带有几个简单html控件的表单。我想将数据保存到ajax jquery中的mysql中。但它并没有将数据保存到mysql中。以下是我的尝试

$('#myForm').ajaxForm({

          beforeSubmit : function() { 

          var lookup          = true;

          var validate        = false;
          $.ajax({

             async: false,

             url: 'user.php?username='+$('#username').val(),

             success: function(data) { }

         })
 validate =  $("#myForm").validate({rules: { price: { number: true, }, size: { number: true, }} , errorClass: 'form_fields_error',  errorPlacement: function(error, element) {}}).form() ;
if(lookup && validate ){

                return true;

            }

            else{

                return true;

            }

          },
       target: '#showdata',

          success: function() { }

        });

      });

    $("#myForm").submit(function()
  {

 alert('this is not fired');
//e.preventDefault();
var formData = $(this).serialize();

$.ajax(
{
    type:'post',
    url:'administration/save_users.php',
    data:formData,
    beforeSend:function()
    {
       // launchpreloader();
    },
    complete:function()
    {
       // stopPreloader();
    },
    success:function(result)
    {
         alert(result);
    }

});

});

---

表单提交未被解雇…我缺少什么？根据您的代码，我有表单action=“#”…

，可能您正在使用

您的代码中有多个

ajax

调用和一个多余的

submit

处理程序。它的格式很差这一事实并不能帮助我们解决问题

,

submitHandler，回调，默认：默认（本机）表单提交

回调，用于在表单提交时处理实际提交 这是有效的。获取窗体作为唯一参数。替换默认值 提交提交表单后通过Ajax提交表单的正确位置 已验证。

这意味着您应该将

ajax

放在插件的

submitHandler

回调函数中

你

• 不需要使用

  submit

  处理程序（这是插件内置的）

• 在提交/单击之前/期间不需要测试表单的有效性（这也内置在插件中）

试着这样做吧

请参见演示：

---

另外，我不知道为什么希望

errorPlacement

回调函数为空。如果要抑制错误消息，请使用

返回false

。否则，如果要使用默认行为，请完全忽略

errorPlacement

回调。

代码不适合可靠地解决问题。整理一下，你可能会开始为自己找到答案。这是JavaScript，不是PHP，请相应地重新格式化代码。

validate =  $("#myForm").validate({rules: { price: { number: true, }, size: { number: true, }} , errorClass: 'form_fields_error',  errorPlacement: function(error, element) {}}).form() ;

$(document).ready(function () {

    $('#myForm').validate({ // initialize the plugin
        rules: { 
            price: { 
                number: true 
            }, 
            size: { 
                number: true
            }
        }, 
        errorClass: 'form_fields_error',  
        errorPlacement: function(error, element) {
            // return false;  // this will suppress errors
            error.insertAfter(element); // the default function
        },
        submitHandler: function (form) {
            // your ajax code here
            return false; // required when using ajax to prevent a page reload
        }
    });

});