整个页面上的jQueryvalidation

我有一个在ASP.NET MVC 3中开发的网页，我正在使用jQueryvalidation器来validation我的字段。

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

当它们无效时，这将为我的字段提供“红色虚线边框”。

我有一个文本，我想显示如果所有字段在我的页面中有效。

  
 All fields are valid.  

因此，如果我的页面无效，我想隐藏“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上添加display: none

Answer 2

function hidemsg（）{
document.getElementById（’ReadyToSend’）。style.display =’none’;} …我的文字

你通过给出一个条件来使用上面的函数，希望它会有所帮助。