如何在不使用提交按钮的情况下触发验证

Question

我正在使用jQuery验证插件并尝试触发验证/使用备用按钮进行提交。我想创建一个jQuery的功能，将改变CSS，然后运行验证功能。我查看了以前回答的问题，但没有发现任何关于验证插件和submitHandler函数的问题。有什么建议么？

问题更新：我想要使用的按钮放置在窗体之外。使用位于表单外部的按钮提交和验证表单的最佳方式是什么？

下面是代码：

$("#edit-button").click(function(event) { 

$('#postAccordion2').css('padding-bottom', '0px'); 
$('#edit-button').css('display','none'); 
$("#applicant-form").validate({ 
    submitHandler: function(form) { 
      $(form).ajaxSubmit({     
       type: "POST", 
       data: { 
        "firstName" : $('#firstName').val(), 
        "lastName" : $('#lastName').val() 
        }, 
       dataType: 'json', 
       url: './includes/ajaxtest.php', 
       error: function() {alert("doh!");}, 
       success: function() {alert("yippee!");}, 

    }  

    }); 

return false; 
    }, 
     errorPlacement: function(error,element) { 
         return true; 
       }, 
     rules: { 
      "firstName": { 
       required: true, 
       minlength: 1 
       }, 
      "lastName": { 
       required: true 
       } 
     } 


}); 
    }); 

Answer 1

你必须调用validate不带参数的触发验证功能，就像这样：

$("#applicant-form").validate(); 

Answer 2

您应该能够只是调用有效上任何您喜欢的元素：

$('selector').valid(); 

以下是一些参考文献：

http://docs.jquery.com/Plugins/Validation/valid

http://docs.jquery.com/Plugins/Validation/validate