jQuery UI对话框验证而不使用&lt；表格&gt；标签

作者

http://bassistance.de/jquery-plugins/jquery-plugin-validation/ 看起来是最好的jquery验证插件。不过，我似乎无法在jQueryUI对话框中使用它

此代码在对话框DIV之外工作：

&lt；script type=“text/javascript”&gt；
$（文档）.ready（函数（）{
$（“表单”）.validate（）；
$（$a”）.bind（“单击”，函数（）{alert（$（$form”）.valid（）；}）；
});
&lt/脚本&gt；
&lt；form method=“get”action=”“&gt；
&lt；p&gt；
名称
&lt；输入id=“name”name=“name”class=“required”minlength=“2”/&gt；
&lt/p&gt；
&lt；p&gt；
电子邮件
&lt；输入id=“cemail”name=“email”size=“25”class=“所需电子邮件”/&gt；
&lt/p&gt；
&lt；a href=“”id=“clickTest”&gt；单击&lt/a&gt；
&lt/表格&gt；

这很有效。当我将表单移动到dialog div中时，打开dialog并单击链接，它返回true，no bueno

是否有任何方法可以使用这个杀手级jquery验证插件而不必使用&lt；表格&gt标签？还是有更好的方法可以成功地做到这一点

如果其他人遇到这种情况，jQuery UI对话框不会附加到表单中，而是在之前附加&lt/车身&gt，因此要验证的元素不在&lt；表格&gt&lt/表格&gt部分：

要解决此问题，只需在创建窗体时指示对话框在窗体内移动，如下所示：

$（“#mydiv”）.dialog（“open”）.parent（）.appendTo（jQuery（“form:first”）；

相关文章：

  1. 如何在jQuery中选择具有多个类的元素？
  2. 如何在jQuery中选择具有多个类的元素？
  3. 如何使用jQuery获取元素的ID？
  4. 在jQuery中删除事件处理程序的最佳方法是什么？

发表评论

© 2026 开发百科-程序代码问答平台 • Built with