使用 jquery 如何验证各个元素并在验证摘要中显示相关错误消息

Question

我有一个表单，其中有单独的 div，当用户向下浏览页面时，这些 div 会显示和隐藏。

提交仅在页面底部。

每个 div 都有一个调用 javascript 函数的按钮。 在函数中，我只想验证该 div 中的元素。

我尝试过 validate.element("#txtUserName") ，它确实验证了特定元素，但随后不显示验证摘要。

我也尝试过 $("#frm").validate().form()，但是验证了表单上的所有内容 - 所以用户甚至还没有到达div。

谢谢。

Answer 1

使用 $(element).validate(options);，这样：

function validateCallback(){
    //do something
}
$("#txtUserName").validate({onValidate:validateCallback})

参见 this页 进行简要概述；有关详细文档（包括示例），请参阅此页面。