使用 jQuery Validation 插件验证不在表单内的输入 [关闭]答案

【问题标题】：Validate inputs that are not inside a form with jQuery Validation plugin [closed]使用 jQuery Validation 插件验证不在表单内的输入 [关闭]
【发布时间】：2009-01-28 12:22:40
【问题描述】：

如何验证一些不在表单标签内的输入？

我找到的所有示例都有一个表单标签，但我想验证一些不在表单内的输入。

【问题讨论】：

标签： javascript jquery jquery-validate

【解决方案1】：

The previously accepted answer (since deleted) 链接到上次更新于 2009 年 1 月的 a plugin。这个过时的插件与 the plugin the OP was asking about 非常不同：

标题：“使用 jQuery 验证插件验证不在表单内的输入”

标签：jquery-validate

使用the jQuery Validate plugin，您无法验证包含在<form></form> 容器之外的输入元素。 没有解决此限制的方法。

DEMO 1：显示form 容器的正确用法。

<form id="myform">
    <input type="text" name="myinput" />
    <input type="submit" />
</form>

http://jsfiddle.net/nswnomn6/

DEMO 2：显示 form 容器已更改为 div 并且相同的代码现在已完全损坏。如果没有 form 容器，该插件不会执行任何操作。

<div id="myform">
    <input type="text" name="myinput" />
    <input type="submit" />
</div>

http://jsfiddle.net/nswnomn6/1/

您唯一的选择是使用不同的 jQuery 插件进行表单验证。不幸的是，我知道没有 jQuery 表单验证插件可以让您验证 <form> 容器之外的输入元素。

【讨论】：

我将接受的答案作为替代插件，因为提到的那个不能完成这项工作。替代插件在最新版本的 jQuery 中仍然有效，即使它已经 5 年了。不过，如果原始答案澄清建议的插件与标记的插件不同，那就太好了。

【解决方案2】：

如果我们谈论的是same 验证插件，我认为这是不可能的。

我认为插件的要求规定要验证的项目位于表单内。

您总是可以尝试用示例页面中的 div 替换表单...

【讨论】：

我尝试使用 div 但没有用...谢谢！
啊，在那种情况下，它可能与表单相关 - 抱歉，祝你好运。
这是正确的答案。 使用 jQuery Validate，您只能验证 within form 容器中的字段。
这可能是正确的答案，但实际上更有用的是告诉如果插件 OP 使用的插件不能完成工作，可以做什么，所以最佳答案可能是这个结合其他替代方案（例如其他人提出的替代方案）。
@eis，同意。我发布了一个新答案。