Question

我正在使用jQuery验证，并将我的错误写入div，这工作正常。我想要做的是隐藏div，当验证返回任何错误时，div显示在表单的顶部。我不确定显示div的正确触发器。

这就是我所拥有的：

HTML：

    <div id="valwrapper" class="hide">
    Validation Errors<br/><br/>
        <div id="valerrors"></div>
    </div>

JavaScript的：

errorPlacement: function (error, element) {
    $('#valerrors').append(error);
},

submitHandler: function(){
    $("#valwrapper").slideDown("fast");
},
errorContainer: "#valerors",
//errorLabelContainer: "#valerrors",
//wrapper: "span", debug: true,
onfocusout: false,
onkeyup: false,
onclick: false

Answer 1

伙计们，我的愚蠢。代码应该有“invalidHandler”而不是“submitHandler”。

Answer 2

这是完整的答案。不妨发布它，因为我一直在努力。

您不需要errorPlacement:，因为当您使用errorLabelContainer:

时，插件会自动为您处理此问题

http://jsfiddle.net/SaLNp/4/

$('form').validate({
    invalidHandler: function() {
        $("#valwrapper").slideDown("fast");
    },
    errorContainer: "#valwrapper",
    errorLabelContainer: "#valerrors",
    wrapper: "span",
    onfocusout: false,
    onkeyup: false,
    onclick: false
});

文档：

http://docs.jquery.com/Plugins/Validation/validate#toptions

jQuery errorPlacement submitHandler

2 个答案: