javascript - jquery 验证插件，仅验证当前屏幕的表单字段

Question

我正在使用 jquery 验证插件来验证表单字段。我也在使用 jqtree 。单击每个子节点时，用户可以看到表单的一部分，该部分应该填充值。对于每个子节点，都有一个要填充的表单内容。整个树内容仅在一种表单中声明。我的表单中有一个按钮，单击该按钮会生成 json 文件。我正在调用下面的函数来验证表单

$("myform").validate();
....
if($("#my-form).valid())
   generate the json file

但这并没有验证整个表单。假设我在 childNode1 上，它仅验证为 childNode1 定义的表单部分。据我了解，jquery 验证插件应该在指定正确的表单 id 时验证整个表单。但谁能告诉我我的方法出了什么问题？

Answer 1

.validate()方法不“验证表单”。它仅初始化表单上的插件。 .valid()将以编程方式触发验证测试。

<小时/>

您的代码:

$("myform").validate();
....
if($("#my-form).valid())
   generate the json file

1. $("myform") - 这应该是 id , class ，或name ？正如您所写，它正在寻找 <myform></myform>元素。

   $("#myform")         // id="myform"
   $(".myform")         // class="myform"
   $("[name='myform']") // name="myform"
   

2. 你的form是吗？名为 myform 的元素或my-form ？如果一样<form>元素，那么两个 jQuery 选择器将是相同的。

3. $("#my-form)缺少右引号。

如果id <form>的元素是 "myform" ，那么你的代码应该是...

$("#myform").validate();      // <- initialize the plugin
....
if ($("#myform").valid()) {   // <- test the form's validity
   // generate the json file
   ....
}

<小时/>

OP Title: jquery validate plugin, validating form fields of only current screen

你的问题好像与标题无关。您的 OP 中只描述了一种形式，并且由于这是 JavaScript，因此只有浏览器中加载的页面是相关的。不确定“当前屏幕”是什么意思。

<小时/>

but this is not validating the entire form. suppose I am on childNode1 it validates only form section defined for childNode1. As far as I have understood jquery validate plugin should validate entire form when correct form id is specified.

默认情况下，该插件不会验证任何隐藏的表单字段。您可以操纵 ignore覆盖此行为的选项。设置ignore至[]将告诉插件忽略任何内容并验证所有字段，包括隐藏字段。