如何将basistance.de jquery验证器与jquery ajax相结合

我有一个表单，我想验证客户端，然后通过ajax发布。 我有一个或另一个工作的形式，但不知道如何结合他们。访问Basistance ajax页面后，我比以前更加困惑

客户端：

jQuery(document).ready(function() {
jQuery("#this_form").validate({
    });
});

阿贾克斯：

我想知道的是，结合上述两种方法，如何在成功验证时触发ajax。我这样问是基于这样一个假设，即有一个直接的方式来这样做，因为我发现所有的图坦卡蒙几乎没有类似于上述代码

我试过这个：

jQuery(document).ready(function() {
   $('#submit').live('click', function(event){
       event.preventDefault();

    var form = $('#this_form');
    if(form.valid()){
        var formData = jQuery("#this_form").serializeArray();
             jQuery.ajax({
                type: "POST",
                url: "process_form.php",
                cache: false,
                data: formData,
                success: onSuccess,
                error: onError
                    });
               return false;
               };
   });
});

但这并不验证必填字段，只验证ajax。 我想我要寻找的是一种验证程序在不提交表单的情况下返回true，然后触发ajax事件的方法，但我不知道如何构造它

谢谢

试试这个：

$("#button").click(function(){
   if($("#form").valid()){
      //Ajax submission
    }
});

您可以在按钮中添加一个

type=“button”

，以防止自动提交。

按此排序：

jQuery（文档）.ready（函数（）{

---

jQuery（document）.ready（function（）{jQuery（#this_form”）.validate（{submitHandler:function（form）{jQuery.ajax（{type:“POST”，url:“process_form.php”，cache:false，data:formData，success:onSuccess，error:onError}}）}）；不允许回答自己的问题，但我按上述分类。堆栈溢出使参与变得非常困难，原始帐户被锁定，但没有被告知任何原因无法对Jorge的有用响应进行投票，无法为其他用户发布答案，无法登录以阻止发送进一步通知或关闭帐户，非常奇怪，令人沮丧，也完全没有意义，因为如果我不是一个好家伙，虽然有点忙，但我想做一些恶意的事情，我可以很容易地创建另一个用户帐户并造成混乱。显然，作为结果，我将无法将问题标记为已回答，或感谢Jorge的贡献，因为他在rks很好，但如果JS被禁用，则不允许我在这种情况下需要的回退。

$("#button").click(function(){
   if($("#form").valid()){
      //Ajax submission
    }
});

  jQuery("#this_form").validate({
        debug: true,    
        rules:{
                    // add rules here
        },
        messages: {
            //add messages here
            }
        },
        submitHandler: function(form){
            jQuery.ajax({
                type: "POST",
                url: "processform.php",
                cache: false,
                data: jQuery(form).serialize(),
                success: onSuccess,
                error: onError,
            });
        }           
  });
});

function onSuccess(data, status)
{
data = jQuery.trim(data);
jQuery("#return_message").html(data);
}

function onError(data, status)
{
// handle an error
}