问题标签 [jquery-form-validator]

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 投票
1 回答
1545 浏览

javascript - 带有工具提示的 jQuery 表单验证器

我已经使用了这个jQuery Form Validator,我正在尝试将工具提示实现为错误消息,而不是简单的span标记消息。

因此,我正在尝试关注此线程如何在 Tooltipster 工具提示中显示来自 jQuery Validate 插件的消息?他们在其中提供了一个jsfiddle 链接 以实现我试图遵循的相同目标。

这是我迄今为止尝试过的jsfiddle 。

我无法在此处将相同的代码放入我的问题中,因为问题已达到最大字符数限制。因此,我为此创建了 jsfiddle。

有人可以指导我为什么它不起作用吗?从这里开始我应该怎么做才能达到同样的效果。

谢谢

0 投票
1 回答
36 浏览

php - jquery min form-error 类在 cakephp 模型验证后隐藏我的表单控件

我正在使用 cakephp 3.6,带有引导主题和 jquery 表单验证。

但是我的表单文本框控件遇到了一些问题。

提交表单后,它会在表单字段中显示模型验证。但是当我尝试更正表单数据并更改光标时,它会从表单中隐藏文本框。

我调试了很多,发现它在我的输入中应用了表单错误类。

但我不知道如何预防或从哪里来,它的风格在哪里。 在此处输入图像描述 请帮我解决这个问题。

表单提交前

表单提交后

0 投票
2 回答
722 浏览

javascript - 使用 jquery 表单验证插件时无法读取未定义的属性“调用”

我正在使用jquery表单验证插件来验证我的表单,在所有验证成功后,我调用提交函数。但是在将正则表达式应用于字段时,使用表单验证插件发生错误“无法读取未定义的属性'调用'” ,上面的字段是所以我认为是因为这个。下面是错误的图像。 jqueryprefilled

这是错误图片

以下是我的代码:-

请帮我解决这个问题。谢谢!

0 投票
0 回答
149 浏览

javascript - 带有警报的jQuery表单验证器OnSuccess不起作用

我正在使用带有Alertify JS的jQuery 表单验证器,并且我正在使用下面的代码来检查我的表单是否成功验证。

我在这里要做的是,如果我按OKFrom ,Alertify那么我的表单应该被提交。

但截至目前,如果我删除,return false;那么我Alertify不会显示并且我的表单会被提交。

我也试着放进去$('#my-form-id').submit()return true;但它不起作用。

基本上我只是想Alertify在提交表单之前显示我的表单,只是为了用我的警报框通知用户。但似乎上面的东西对我不起作用。

这是我遵循的jQuery 表单验证器配置文档。

有人可以指导我在这里做错了什么吗?

0 投票
0 回答
155 浏览

javascript - 带有 CKeditor 4.x 验证的 jQuery 表单验证器不起作用

我正在使用jQuery Form Validator库进行验证,并且按照我的预期工作正常。

现在我已经集成了称为CKeditor 4.x的所见即所得编辑器,我想进行required验证。但它不适合我。这是我到目前为止所做的。

如您所见,我有一个名为 as 的表单 ID,admin-blog-form而我的 CKeditor id 是description.

我正在尝试rules通过遵循jquery-validation-not-working-with-ckeditor答案来使用变量,但它不适用于我使用这个库。

我还尝试遵循文档并尝试使用以下代码编写自定义验证器。

但这也不适合我。我已经阅读了 libary 的其他文档页面,但没有任何帮助我整合它。

有人可以指导我如何实现这一目标吗?

0 投票
1 回答
142 浏览

jquery - 如何防止表单提交在字段上点击输入?

当在任何输入字段表单上按 Enter 键时,会提交并调用 AJAX。单击提交按钮时,我需要调用 ajax。

请检查我的 html 代码。这里我使用了表单标签和 ajax jquery 函数。当我在任何输入框中输入时,它调用提交函数并显示表单验证。如何解决这个问题?

单击提交按钮时

0 投票
1 回答
267 浏览

jquery - 调用“on('validation')”时多次调用“validate”函数

我有一个非常庞大的表单,其中包含多种类型的字段(日期、数字、文本、复选框、收音机等)。

我在表单中需要的一项重要行为是能够在 blur 上单独保存表单字段......当然,我需要在 blur 上验证每个字段,如果它是有效字段,我们称之为“saveField() “ 功能。

自然,我使用以下方法初始化表单验证:

稍后为每个表单字段的“验证”事件添加一个事件监听器(我没有添加一个“模糊”事件监听器,因为表单验证器已经为我处理了这个......所以下面是 on("validation “) 方法:

这就是奇怪的地方! 当我输入一些东西并专注于: - console.log("I CALL SAVE...."); 被触发了……一次!(这是意料之中的)但尝试再次关注它然后模糊,我让 console.log() 被触发了两次 => 意味着 on("validation") 被触发了两次。

JSFiddle 链接https ://jsfiddle.net/tg3h16ec/4/ 打开浏览器的控制台并按照上述步骤输入内容并集中注意力。然后只需输入一些内容并再次集中注意力。您会注意到 console.log() 计数最初为 1,然后每次开始递增 2。

更新 1 作为以下答案之一建议添加

抑制了问题,但没有解决它。为了扩展这个问题,我更新了我的 JSFiddle 以添加一个单选按钮:https ://jsfiddle.net/zwadhp3s/

0 投票
1 回答
152 浏览

javascript - How to implement single validate method for multiple input fields?

I am implementing multiple input fields in a form element, So inside form may be one input field and more than one input field. So I want to implement one method for validation. For a phone number, email, age, date, etc. So in future may be formed has 15 input fields. So in that case on method should handle all input fields.

Below is the sample code:

#xA;

DEMO https://jsfiddle.net/varunPes/2fdoxanu/5/

Is it possible to handle validation through one function? If anyone has any idea, Please share, Thank you in advance.

0 投票
1 回答
59 浏览

php - JQuery 表单验证器的 toggleDisabled 模块不适用于非“提交”类型的按钮

我有一个使用 jquery 表单验证器插件(http://www.formvalidator.net/)执行客户端预提交验证的表单。我激活了 toggleDisabled 模块,以便禁用提交按钮,直到所有必填字段都填写完毕并正确格式化。然后我的 jquery 通过 ajax 将表单数据发送到处理页面。storeData.php 代码将数据存储在一个表中。成功后,ajax 应该打开一个模式。我已验证数据是否存储在我的表中。

问题在于(我怀疑)表单提交按钮。为了让我的 toggleDisabled 模块正常工作,按钮必须是“提交”类型。但是由于提交按钮的性质,我的 ajax 的成功功能被有效地绕过,因此永远不会显示模式。

我通过将提交按钮更改为常规按钮对此进行了测试。以我的 toggleDisabled 模块无法以这种方式运行为代价,我的模式被显示出来。

我在这里找到了许多用于启用/禁用按钮以及通过将按钮类型更改为按钮来防止表单提交的解决方案。但是,我想使用验证器模块来禁用/启用按钮,因为它旨在侦听我的表单字段的数据验证属性。但除非它是一个提交按钮,否则它将不起作用。有没有我忽略的简单解决方案?

索引.php

storeEntry.php

0 投票
1 回答
68 浏览

jquery - 如何控制滚动位置以定位从 jQuery AJAX 返回的显示错误

我想将返回的错误文本降低到视图中,或者将输入字段的焦点从顶部降低约 150 像素,因为就目前而言,错误文本是不可见的。

我正在使用https://jqueryvalidation.org/进行表单验证,并像这样调用验证:

我正在使用它来隐藏和显示导航栏

我通过将其添加到提交按钮来隐藏导航,现在想通过某些功能将错误文本推送到视图中。

该字段上方的错误文本是这样保存的: