Jquery使用自定义验证规则验证任意HTML元素

Question

我正在使用Jquery验证来验证表单。 我已经通过

$.validator.addMethod 

添加自定义验证方法，如果我添加此方法的文本框，确认将工作没有问题。

我想要这个自定义验证方法来突出显示我通过JavaScript创建的某个div容器。 如果我更改以下行（里面的.validate呼叫“规则”）

"MyTextbox": 
{ 
    MyMethod: true, 
}, 

使用我通过JavaScript创建的div的ID，我自定义的验证规则将被忽略（其他规则将仍然适用）。

我很努力地找到相应的文档。看来，我只能添加一个规则输入元素，而不是一个div。 我接近这个错误的方式吗？我如何添加一个规则，在某个div元素之后追加消息，如果验证失败？

Answer 1

两个重要的东西......

1）您必须分配通过使用name内.validate()的rules选项时规则，每输入字段必须包含一个独特的name属性无论规则如何分配。

2）使用此插件，验证只能应用于input，textarea和select元素。期。

解决方法：可以创建用于验证的type="hidden"input元素和使用jQuery的相关值从div在一定的触发事件复制到这个隐藏字段。 You can then manually trigger validation using something like $('#myHiddenInput').valid()。

---

对于精确的错误消息放置，您可以使用the errorPlacement callback function。编写一个自定义函数，用于放置一条消息的条件。