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"); 
     } 
    });