jQuery验证整个页面 [英] jQuery Validation on entire page

问题描述

我在ASP.NET MVC开发3网页，我使用jQuery验证程序来验证我的领域。

I have a webpage developed in ASP.NET MVC 3 and I am using jQuery validator to validate my fields.

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

这会给我的领域红色虚线边框时，他们是无效的。

This will give my fields a "red dotted border" when they aren't valid.

我有我想要显示如果所有领域都在我的网页有效文本。

I have a text that i want to show IF all fields are valid in my page .

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

所以我想隐藏ReadyToSend如果我的页面是无效的，并显示它如果我所有的页面上的字段是有效的。

So I want to hide "ReadyToSend" if my page isn't valid and show it if ALL of my fields on the page is valid.

推荐答案

试试这个

$.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

make sure you add display: none on your ReadyToSend div

这篇关于jQuery验证整个页面的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！