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

我正在使用jQuery Validation插件并尝试使用备用按钮触发validation/提交。 我想创建一个jquery函数来改变css，然后运行validate函数。 我已经查看过以前回答过的问题，但是没有找到任何有关Validation插件和submitHandler函数的问题。 有什么建议？

更新问题：我想使用的按钮放在表单之外。 使用位于该表单之外的按钮提交和validation表单的最佳方法是什么？

这是代码：

$("#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

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

 $('selector').valid(); 

以下是一些参考：

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

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

Answer 2

你必须调用不带参数的validate来触发validate函数，如下所示：

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