整个页面上的 jQuery 验证

Posted 2023-05-09

【中文标题】整个页面上的 jQuery 验证

【英文标题】：jQuery Validation on entire page

【发布时间】：2011-06-29 16:16:30

【问题描述】：

我有一个用 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”，如果页面上的所有字段都有效，则显示它。

【参考方案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

【参考方案2】：

函数 hidemsg() document.getElementById('ReadyToSend').style.display='none'; ...我的文字

您通过给它一个条件来使用上面的功能，希望它会有所帮助。

【讨论】：

这没有回答他的问题。