整個頁面的jQuery驗證

Question

我有一個在ASP.NET MVC 3中開發的網頁，我使用jQuery驗證器來驗證我的字段。

$.validator.setDefaults({ 
    errorContainer: "#validationSummary, #validationNotice", 
    highlight: function (element, errorClass) { 
     $(element).css("border", "1px dotted red"); 
    }, 
    unhighlight: function (element, errorClass) { 
     $(element).css("border", "1px solid black"); 
    } 
}); 

這將給我的領域一個「紅色虛線的邊界」，當他們無效。

我有一個文本，我想顯示如果所有字段在我的頁面中都有效。

 <div class="ReadyToSend" style="margin-top:50px;"> 
        All fields are valid. 
     </div> 

所以我想隱藏「ReadyToSend」如果我的網頁無效，並顯示它，如果頁面上的所有我的領域是有效的。

Answer 1

試試這個

$.validator.setDefaults({ 
    errorContainer: "#validationSummary, #validationNotice", 
    highlight: function (element, errorClass) { 
     $(element).css("border", "1px dotted red"); 
     $(".ReadyToSend").hide(); 
    }, 
    unhighlight: function (element, errorClass) { 
     $(element).css("border", "1px solid black"); 
     if($("#yourFormName").validate().checkForm()) { 
      $(".ReadyToSend").show(); 
     } 
    } 
}); 

確保您在ReadyToSend div

Answer 2

功能hidemsg（）{
的document.getElementById（ 'ReadyToSend'）的style.display = '無';} ......我的文字

您可以通過使用上述功能給它一個條件，希望它會有所幫助。