2014-02-06 39 views
-1

我使用jquery.validation以下是代碼。 我已經實現了通過附加類和給課程一些CSS來顯示樣式錯誤消息。帶樣式的成功消息,jQuery驗證

$("#sign-up").validate({ 
    rules: { 
     FullName: { 
      required: true 
     }, 
     Username: { 
      required: true 
     }, 
     Email: { 
      required: true, 
      email: true 
     } 
    }, 
    messages: { 
     FullName: "Please enter your full name", 
     Username: "Please enter handle name", 
     Email: { 
      required: "Please enter an email address", 
      email: "Please enter a valid email address" 
     } 
    }, 
    errorElement: "span", 
    wrapper: "div", 
    errorPlacement: function (error, element) { 
     error.insertBefore(element); 
     error.addClass("error-validation"); 
    } 
}); 

但我也想顯示一個很好看的成功消息,如錯誤消息,樣式。驗證通過後,應顯示消息。

我該怎麼做?

+0

請閱讀[文件](http://jqueryvalidation.org/驗證)。 – Sparky

回答

0

它在documentation

success: function(label) { 
    $("#success").show(); 
}, 

您將需要隱藏的驗證之前的成功,如果你不清除頁面

+0

那麼,#頁面加載應該隱藏#success? – user3279707

+0

但只顯示一個div,我將爲每個字段顯示單獨的成功消息。那可能嗎? – user3279707

+0

$(「#successField1」)。show(); $(「#successField2」)。show(); – mplungjan