未使用 jQuery 验证插件 v1.13.1 进行验证

No Validation using jQuery Validation Plugin v1.13.1

这是我得到的错误:Uncaught TypeError: Cannot read 属性 'element' of undefined

我在这里遗漏了一定就在我眼皮底下的东西。我无法在对话框中进行验证。我已经尝试了在寻找解决方案时发现的所有事情,但我无法弄清楚我做错了什么。我有一个 jsfiddle https://jsfiddle.net/g6rnbtbj/21/ 代码示例。如果我取消注释 jQuery 下面的代码行,甚至不会显示对话框。

$('#business-partner-detail').validate();

请大家指出我做错了什么。我正在拔头发,我不能再失去了。

非常感谢您的任何见解。

"Someone please point out what I have done wrong."

  1. 您的 JavaScript 控制台错误 is/are 是由 $('#activity-event-dialog').valid() 引起的。您不能将 .valid() 方法附加到 <div>。您只能将 .valid() 方法附加到 <input><textarea><select><form> 元素。在你的例子中,你想测试 <form> 本身,所以你需要使用 $('#business-partner-detail').valid()。您也不能在不先调用 .validate() 进行初始化的情况下调用 .valid()

  2. 您不能注释掉 .validate() 方法,因为它是在表单上初始化插件所必需的。没有它,jQuery 验证将不会执行任何操作。

  3. 您还没有声明任何验证规则,因此插件仍然不会执行任何操作。作为测试,我在下面的演示中将 required="required" 属性放置在您的 <textarea> 元素中。否则,您可以使用 the rules option within the .validate() method.

  4. 声明规则
  5. Your jsFiddle 包括两个实例 jQuery... "Frameworks & Extensions" 部分中的版本 1.11.0 和 [=54= 中的版本 1.11.2 ] 部分。删除其中之一。

工作演示:https://jsfiddle.net/g6rnbtbj/25/