jQuery验证回调函数

Question

我目前在我的网页上的一个灯箱框架中有一个窗体。当用户提交包含无效数据的表单时，div窗口顶部会出现一个表单错误列表。问题是：我需要某种jQuery验证回调来在出现错误div后调整灯箱大小。据我所知，没有办法与jQuery的灯箱做到这一点。

Answer 1

您提供无效的回调函数，你可以找到documented here，像这样

$(".selector").validate({ 
    invalidHandler: function(form, validator) { 
     var errors = validator.numberOfInvalids(); 
     if (errors) { 
      //resize code goes here 
     } 
    } 
}) 

Answer 2

或者，你可以使用errorPlacement回调函数，以行动验证失败的特定元素上。作为一个例子，下面的代码使用errorPlacement回调类中的每个无效的表单元素的父div标签的设置为“错误”，然后删除“错误”类一旦元素通过验证：

form.validate({ 
     rules: { 
      Name: { 
       required: true 
      }, 
      Email: { 
       required: true 
       , regex: "^[0-9a-zA-Z.+_\-]+@{1}[0-9a-zA-Z.+_\-]+\\.+[a-zA-Z]{2,4}$" 
      } 
     }, 
     messages: { 
      Name: { 
       required: "Please give us your name" 
      }, 
      Email: { 
       regex: "Please enter a valid email address" 
      } 
     }, 

     errorPlacement: function(error, element) { 
      element.parent().addClass("error"); 
     }, 

     success: function(element) { 
      $("#" + element.attr("for")).parent().removeClass("error"); 
     } 
    });