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 display: none

上添加div

Answer 2

function hidemsg（）{
的document.getElementById（ 'ReadyToSend'）的style.display = '无';} ......我的文字

您可以通过给出条件来使用上述功能，希望它会有所帮助。

整个页面上的jQuery验证

2 个答案: