问题标签 [jquery-validate]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
16 回答
387191 浏览

jquery - 使用 jQuery 验证结束日期是否大于开始日期

如何在 jQuery 中检查/验证结束日期 [文本框] 是否大于开始日期 [文本框]?

0 投票
3 回答
5853 浏览

jquery - ASP.Net + jQuery + jQuery 验证插件 + UpdatePanel + nyroModal - 在每个字段上成功触发!

我有一个表单,其中包含用户用价格(数字)填充的输入字段列表。我已将他们的 css 类设置为“必需”和“数字”,以便 jQuery 验证插件相应地验证它们。所有这些都运行良好。当每个字段不是数字或缺少值等时会显示错误。

整个表单实际上位于 nyroModal(jQuery 插件)模型弹出窗口中。但这不重要,它只是一个 .aspx 网络表单。其中,我还使用了一个 UpdatePanel 并将所有内容都放入其中,因为我的表单本质上是一个 2 阶段过程。用户必须在表单的第一个“页面”上完成一些基本步骤。当验证并工作时,我只是在 UpdatePanel 中隐藏/显示一些元素,以向用户显示表单的下一个“页面”,即如上所述的所有价格文本框输入字段。

我使用 ImageButton 作为验证表单的触发点。默认情况下,如果您只保留 ImageButton 的原样,.Net 将触发回发,在我的情况下是 AJAX 回发,因为它全部发生在 UpdatePanel 中。这又是需要的。出于明显的原因,我不想要丑陋的完整回发。

经过大量阅读后,我需要一种在 javascript 中附加到 .Net 的 PageRequestManager 的方法,以便我可以根据 jQuery 是否成功验证表单来拦截 .Net 想要进行回发的时间。所以我的逻辑是:默认情况下,不允许回发,但是当 jQuery 成功验证表单时,设置一个变量表示现在允许回发,然后下次回发尝试发生时,它将通过。因此向用户显示成功。

这一切都运行得相当好,但还有一个最后一个问题。

jQuery 验证插件的 validate({success}) 选项似乎在每个单独的字段验证成功后被错误地触发,而不是整个表单。即,如果我在任何一个价格输入字段中输入一个数字,此成功选项将触发并将我的 cancelPostback 变量设置为 false,这反过来意味着表单现在提交,即使它尚未经过验证,只是因为一个字段是有效的。我本来希望这个 validate({success}) 选项只有在整个表单被验证后才会触发。

我是否错误地解释了这一点,实际上它在做它应该做的事情?如果是这样,我如何才能仅在验证整个表单时才将我的 cancelPostback 变量设置为 true?

非常感谢您提供任何见解或提醒。

我实现验证并拦截 .Net 回发事件的 jQuery 代码如下:

0 投票
2 回答
1718 浏览

jquery - jQuery表单验证:字段无效时的标准窗口对话框

我需要一个非常基本的客户端表单验证:每当遇到无效字段时,都会显示一个标准的 windows 对话框,停止检查剩余的字段,并取消提交。

用 jQuery 完成上述操作的最简单方法是什么?

0 投票
1 回答
769 浏览

javascript - jQuery:从 jquery 1.2.6 更改为 1.3.2 时验证插件中断

我最近从 jQuery 1.2.6 升级到 1.3.2

现在在我使用表单验证插件的页面上,我得到了异常:

1.2.6 不会发生这种情况。知道发生了什么吗?

0 投票
1 回答
1945 浏览

jquery - AJAX 验证理念 - 包含 ValidationSummary 和 ValidationMessage

我一直在研究许多 ASP.Net MVC 客户端验证想法,包括 xVal。这目前不提供 ValidationSummary,所以我选择做一个 AJAX 帖子,它遍历 ModelState 错误并使用成功的 AJAX 帖子上的错误消息更新 DIV。

问题是您的 ValidationMessage * 字段旁边不会被填充。我想出了一个我还没有测试过的替代想法,因为我还不知道让它工作的完整语法,但我想我会看看你们的想法。

我认为可能存在的一个问题是,当您发布到控制器中的 Edit/Create Action 方法并且想要返回 JSON 对象时,我不确定这是否合法,因为 JSON 仅用于 GET 操作。

如果您认为这是一个好主意并希望提供帮助,请留下答案和任何代码片段以使其正常工作。如果您认为这是一个头脑发热的计划并且可以做得更好,请告诉我如何。

控制器:

看法:

0 投票
1 回答
19729 浏览

javascript - jQuery返回ID以某个字符串开头的元素

我有很多<span>这样的标签<span id='val_Title'></span> <span id='val_Name'></span>

我想返回所有以 'val_' 开头的元素并隐藏它们。

我怎样才能做到这一点?

0 投票
2 回答
23402 浏览

jquery - jQuery验证错误放置和删除元素?

好的,我已经尝试了一些东西,但我被困在这里......

这是我正在使用的 HTML:

这是我在此表单的 validate() 函数中获得的代码:

现在,这对于上述表单中的“电子邮件”之类的字段来说效果很好(它插入一个段落并为其分配一个 class="error" 并在包装 div 的类中添加“error”)......但是对于单选按钮它的工作方式不同——它将“错误”类添加到周围的标签中,它甚至不插入带有错误类的段落。为什么?

我在这里错过了什么/做错了什么?

另外,我如何实际删除“成功”部分中添加的段落?就像现在一样,它只是从其类属性中删除了“错误”,并且在输入字段中输入的每个字母都会添加另一个空段落,如下所示:

所以我最终在每个字段的每个 div 中都有一堆那些(取决于输入了多少个字符)......再次,我错过了什么?

0 投票
12 回答
92381 浏览

jquery - 使用 JQuery Validate Plugin 验证具有相同名称的多个表单字段

我有一个动态生成的表单,其中包含具有相同名称的输入字段(例如:“map”)。我没有更改字段名称或生成唯一字段名称的选项,因为表单处理程序代码 (Perl/CGI) 旨在处理输入值数组(在本例中@map)。

在这种情况下,如何使用 JQuery Validate Plugin来验证表单?具体来说,我希望提交数组的一个元素具有某个固定值。我目前正在使用一个自定义事件处理程序,它创建一个 JSON 对象,serializeArray()然后遍历它以确保满足条件。但是由于我在应用程序的其余部分中使用了验证插件,我想知道是否也可以在这里使用相同的插件来处理这种情况。

感谢您的关注。

0 投票
4 回答
8440 浏览

jquery - Jquery Validation Plugin - 你可以从选项中启用“eager”验证吗?

我在一个项目中使用 Jquery Validation 插件。

默认情况下,插件会在单击提交按钮时验证输入。该行为是“懒惰的”,以便对用户不显眼。如果发现错误,则验证将变为“急切”并在用户更正违规条目时验证输入。

有没有办法通过一个选项来覆盖最初的“懒惰”行为?我在文档中找不到任何解决方案。

例子:

如果您查看此演示,您会注意到用户可以在表单中导航,留下空文本框,当用户单击提交时,这些文本框将无法通过验证。如果用户最初在电子邮件文本框中输入了无效的电子邮件地址,则在单击提交按钮之前它不会突出显示。之后,在每次按键和模糊事件时验证输入。这就是我想从一开始就激活的。

我了解插件创建者的设计选择,但我需要不同的行为。

0 投票
4 回答
6764 浏览

jquery - 为什么 JQuery Form submitHandler 不刷新它的回调?

我正在使用JQuery Form PluginJQuery 验证插件和 jqTransform 插件。

我有一个隐藏的表单,我可以看到它来添加或编辑东西。编辑或添加操作会触发下一个函数调用。

每个调用都有不同的参数。对于添加,我称之为

为了编辑,我称之为

这就是发生的事情:

  • 重新加载页面。
  • 编辑一个玩具。
  • 提交表格。
  • 调用 editToy 函数。
  • 尝试添加一些东西。
  • 函数 activateAddForm 使用 addToy 作为回调调用,但是一旦提交表单,就会调用 editToy 函数。

如果我在重新加载后做的第一件事是添加一个玩具。然后总是调用 addToy 函数。

我试过添加:

或者

但它没有工作。知道我能做什么吗?

变通方法试验

Activa 建议添加该行:

下一个案例:

  • 重新加载页面。
    • 编辑一个玩具。
    • 提交表格。
    • 调用 editToy 函数。
    • 尝试添加一些东西。
    • 调用表单 editToy 函数,然后调用 add 函数。

上述修复不起作用,但似乎方向正确。

还有什么想法吗?