jquery，绑定次序/等待回调

Question

我写了一个用于验证表单的jquery插件。它将自身绑定到$（'element'）。提交事件来触发验证（绑定在插件内部）。不知怎的，像这样：

// pseudocode 
jquery.rdy { 
     $('form').validate(); //binding the plugin 
} 

里面的验证插件的我绑定验证，以提交

//pseudocode 
[...] 
$().submit(function() { 
    validating... //returning true/false 

    if (false) { 
     return false //prevent submit form 
    } 
} 
[...] 

所以，现在我的问题是如何绑定（在其他JS脚本为例）其他的东西提交，但只是验证完成。

所以这样

$('form').submit(function() { 
    if (validate plugin was executed) { 
     //do stuff like check if validation was returning a true and now do something else 
    } 
} 

希望我descriped是正确的......我的英语不是最好的，但我tryed是混凝土S可能的（我希望，伪代码是一个正确的方法为好）

//编辑：使问题更具体： 我试图弄清楚一种方法来解决以下问题:(它非常出于上下文，但问题恰恰在那里） 我有一个提交事件，这取决于在另一个decleration中触发的某些代码。

$('element').submit(function() { 
    if ($(this).hasClass('foo')) { 
     // do something 
    } 
}); 

$('element').submit(function() { 
    $(this).addClass('foo'); 
}); 

而现在第一个函数什么都不做，因为它已经在第二个函数之前被触发。有没有一个干净的方法来解决这个问题。也许我需要一个超时事件（即使我讨厌他们）？

Answer 1

您可以使用自定义名称将更多函数绑定到表单元素。

$('form').bind('after_validation',function(){ console.log('hello'); }); 

，并引发他们在你提交表单功能，当你需要它：

$('form').trigger('after_validation'); 

​​

---

更新：

你不能查请按照您绑定的提交事件的顺序，而不删除它们并按照正确的顺序重新应用.unbind('submit')。你可以做的是使用自定义绑定（见上），并在需要时准确触发它们 - 比如在提交函数中。

$('form').submit(function() { 
    //run validation 
    $('form').trigger('validation'); 

    //did it pass validation? 
    if($(this).data('invalid')){ 
     console.log('did not pass validation'); 
     return false; 
    } 

    //passed validation - submit the form 
    return true; 
}); 

//add validation to the "form" 
$('form').bind('validation',function() { 

    //do validation on form... 

    if(false){ 
     $(this).data('invalid',true); 
    } 
}); 



//add another validator to the form, etc. 
$('form').bind('validation',func... 

即时通讯使用.data()存储变量对“形式”元素，以便您可以访问它们环比下滑。

这是你需要的基础，可以应用到自定义的jquery插件来形成自定义的命名函数。例如。 $().validator()。

http://docs.jquery.com/Plugins/Authoring

Answer 2

如果您正在使用jQuery.Validate（它看起来像你同在。验证（）语法），你可以调用isValid（）的方法：

if (validate plugin was executed) { 

然后可以

if ($('form').isValid()) {