首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

为什么在使用parsley().reset()之后没有设置表单,并且仍然显示验证器

在使用parsley().reset()方法重置表单验证器之后,如果没有设置表单并且仍然显示验证器,可能是由于以下几个原因:

  1. 未正确引入Parsley.js库:首先要确保已正确引入Parsley.js库文件,并且在表单元素上添加了正确的data-parsley-validate属性,以启用Parsley表单验证器。
  2. 未正确初始化Parsley:在调用parsley().reset()方法之前,需要先对表单进行初始化。可以使用$('form').parsley()方法对表单进行初始化,确保Parsley正确绑定到表单元素上。
  3. 未正确选择表单元素:在调用parsley().reset()方法时,需要确保正确选择了要重置验证器的表单元素。可以使用正确的选择器来选择表单元素,例如$('form').parsley().reset()
  4. 未正确调用reset()方法:在调用parsley().reset()方法时,需要确保正确调用了该方法。可以在需要重置验证器的地方调用该方法,例如在点击重置按钮或其他事件触发的回调函数中调用。

综上所述,要解决在使用parsley().reset()方法后没有设置表单并且仍然显示验证器的问题,需要确保正确引入Parsley.js库、正确初始化Parsley、正确选择表单元素,并正确调用reset()方法。如果问题仍然存在,可以检查浏览器控制台是否有相关错误信息,并参考Parsley.js官方文档进行进一步的排查和调试。

关于Parsley.js的更多信息和使用方法,可以参考腾讯云的相关产品介绍链接地址:Parsley.js产品介绍

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

【工具】15个非常实用的 JavaScript 表单验证

它还不会通过自动显示错误来为你操纵DOM。这使你可以根据需要进行验证。ApproveJs公开一个方法value(),让你决定何时验证值以及如何显示错误。...它可以客户端和服务使用。 ? 3、Valid.js 地址:https://github.com/dleitee/valid.js Valid.js是用于数据验证的简单JavaScript库。...12、Parsleyjs 地址:http://parsleyjs.org/ Parsley是一个JavaScript表单验证库。它可以帮助您在将表单提交到您的服务之前向用户提供有关其表单提交的反馈。...它可以节省带宽,服务负载,并为用户节省时间。 JavaScript表单验证不是必需的,并且如果使用,它也不能替代强大的后端服务验证。...page=installation JS Auto Form Validator是一个易于设置表单验证脚本,它使您可以使用现成的JavaScript类来处理整个表单验证过程。

5.7K20

10个基于web的JavaScript最优秀的应用程序库和框架

例如,新闻站点必须不断刷新它们的内容,因此不可能每隔几秒钟重新配置设置以支持这些更改。数据驱动文档,或D3。库的独特之处在于它把数据放在首位。下面的截屏显示D3中可以找到的许多数据演示中的一些。...合并jQuery之后使用jQuery UI向应用程序添加基本的图形元素。...Parsley 表单验证是一项重要的任务。因为现在的数据经常被机器分析,所以干净的数据比以往任何时候都更重要。事后清理数据是费时的,而且从没有像让用户首先提供正确的信息那样准确。...与任何其他JavaScript库相比,Parsley提供了更多的表单验证技术。你可以选择你需要的验证级别,但它们可能会变得非常复杂: ?...模型-视图-控制(MVC)方法的上下文中,React提供了视图部分。它不假设您正在使用的基础技术堆栈来建模或控制数据。所有的React兴趣的就是屏幕上显示数据。

2.1K20

Validform jquery

Validform 提供了丰富的配置选项,能够满足各种验证需求,并且支持自定义提示信息和样式,使得表单验证变得简单而灵活。如何使用 Validform?...当用户提交表单时,插件会自动验证表单,并根据配置规则显示相应的提示信息。Validform 的功能特点简单易用:Validform 提供了简洁明了的API,让表单验证变得轻松愉快。... JavaScript 初始化部分,我们使用 Validform 的配置选项设置了提示信息展示方式并定义了表单验证通过后的回调函数,以便在验证通过时提交表单数据。...代码冗余:一些简单的表单验证场景下,使用Validform可能会显得代码冗余,造成不必要的资源浪费。...Parsley.js:Parsley.js是一个轻量级的、纯JavaScript编写的表单验证插件,支持多种验证规则和自定义验证方式。

11410

django 1.8 官方文档翻译:13-1-2 使用Django认证系统

如果你升级一个现存的站点,并且希望开启这一中间件,而不希望你的所有用户之后重新登录,你可以首先升级到DJango1.7并且运行它一段时间,以便所有会话在用户登录时自然被创建,它们包含上面描述的会话哈希...一旦你使用SessionAuthenticationMiddleware开始运行你的站点,任何没有登录并且会话使用验证哈希值升级过的用户的现有会话都会失效,并且需要重新登录。...它们使用stock auth 表单,但你也可以传递你自己的表单。 Django没有为认证视图提供默认的模板。你应该为你想要使用的视图创建自己的模板。模板的上下文定义每个视图中,参见所有的认证视图....如果password_reset()视图没有显式设置 post_reset_redirectURL,默认会调用这个视图。...如果你使用了自定义的用户模型,可能需要为验证系统定义你自己的表单。更多信息请见 使用带有自定义用户模型的内建验证表单的文档。

4.6K20

HTML 表单和约束验证的完整指南

即使今天,开发人员仍花费大量时间编写函数来检查字段值。这在现代浏览仍然必要吗?可能不是。大多数情况下,这实际上取决于您要尝试做什么。...="text" name="username" /> 该type属性设置控件类型,并且有很多选项可供选择: type 描述 button 一个没有默认行为的按钮 checkbox 一个复选框 color...表单验证 使用 API 之前,您的代码应该通过将表单的noValidate属性设置为true(与添加novalidate属性相同)来禁用默认验证和错误消息: const myform = document.getElementById...可以设置可选的第二个参数: true 在用户与其交互时验证每个字段 false (默认)第一次提交后验证所有字段(在此之后进行字段级验证) // validate contact form const...您仍然需要验证服务上的数据,因此请考虑将其用作 IE 错误检查的基础。

8.2K40

在线客服系统源码php开发搭建

演示:zxkfym.top   在线客服系统源码技术   Xmpp   VS代码编辑   Html   PIP   Mysql数据库   通信服务系统   在线客服系统的特点   本教程下,使用在线客服系统程序可以获得跟踪特性...使用网络接口库实时发送一到一条聊天消息   使用网络接口库实时显示或隐藏未读消息通知   使用网络包库实时显示在线或离线用户状态   在线客服系统核心技术   网络接口是一个双向和全双工的,它提供了从网络浏览到我们的服务的持久连接...>   数据库/数据库   我们服务端的流程用户数据中使用了这个文件。...在这个类文件下,我们有了用户数据的设置和获取方法,在此之后,我们有了检查用户是否已经注册的方法,最后,我们有了mysql表中的插入用户数据。   数据库   这个类我们将用于聊天消息数据的数据库操作.在这一类下,我们将为流程聊天数据表单数据库的相关操作做设置和获取功能。

43940

表单提交中的input、button、submit的区别

form[method]默认值为GET,所以提交后会使用GET方式进行页面跳转。 input[type]默认值为text,所以第一个input显示为文本框。...IE浏览的兼容,请记住button[type]IE中的默认值是button,这意味着它只是一个按钮而不会引发表单提交。   ...这也是为什么Bootstrap 文档中大量使用button作为示例的原因之一。   但是,button会很乱。button可以设置name和value。...提交表单时,value会被作为表单数据提交给服务IE中,甚至会把button开始与结束标签之间的内容作为name对应的值提交给服务。...button和input的相似还不止于此,button也可以设置type=reset,此时点击按钮会导致表单被重置(这还挺有用的)。

2.9K100

前端学习(6)~html回顾

设置当前单元格占据几行几列。合并单元格时,会用到。...注意: HTML5 中 a > div 是合法的, div > a > div是不合法的 ;但是 html 4.0.1 中, a > div 仍然是不合法的。...html 元素的默认样式和 CSS Reset 比如下拉框这种比较复杂的元素,是自带默认样式的。如果没有这个默认样式,则该元素页面上不会有任何表现,则必然增加一些工作量。...表单元素 input 图片 img br、hr meta、link form 表单的作用 直接提交表单 使用 submit / reset 按钮 便于浏览保存表单...第三方库(比如 jQuery)可以整体获取值 第三方库可以进行表单验证 所以,如果我们是通过 Ajax 提交表单数据,也建议加上 form。

41520

JavaScript(十三)

HTML 的 method 特性 submit(): 提交表单 reset(): 将所有表单域重置为默认值 提交表单 使用 input 或 button 都可以定义提交按钮,只要将其 type 特性的值设置为...用户单击重置按钮重置表单时,会触发 reset 事件,利用这个机会,我们可以必要时取消重置操作。 表单字段 可以像访问页面中的其他元素一样,使用原生 DOM 方法访问表单元素。...支持这个属性的浏览中,只要设置这个属性,不用 JavaScript 就能自动把焦点移动到相应字段。...API ---- 为了表单提交到服务之前验证数据,HTML5 新增了一些功能。...浏览自己会根据标记中的规则执行验证,然后自己显示适当的错误消息(完全不用 JavaScript 插手)。 只有某些情况下表单字段才能进行自动验证

3.3K20

表单脚本

下述内存主要讲述了《JavaScript高级程序设计(第3版)》第14章关于“表单脚本”。 刚开始人们使用JavaScript,最主要的目的之一就是表单验证,分担服务处理表单的责任。...myForm = document.forms["form2"]; 方式4:早期浏览会把每个设置了name特性的表单作为属性保存在document对象中【建议不要使用此方式】 var myFormf...(textarea除外,文本区中回车会换行)。如果表单没有提交按钮,安回车键不会提交表单。 注意,通过上述方式提交表单,浏览会在将请求发送给服务之前触发submit事件。...">Reset Form 注意,通过上述方式重置表单,浏览会触发reset事件。...(1)单行文本框 通过设置size特性,可以指定文本框中能够显示的字符数;通过设置value特性,可以指定文本框的初始值;通过设置maxlength特性,可以指定文本框可以接受的最大字符数。 <!

4.8K41

带你认识 flask 邮件发送

我从确保用户没有登录开始,如果用户登录,那么使用密码重置功能就没有意义,所以我重定向到主页。 当表格被提交并验证通过,我使用表格中的用户提供的电子邮件来查找用户。...你可能会注意到,即使用户提供的电子邮件不存在,也会显示闪现的消息,这样的话,客户端就不能用这个表单来判断一个给定的用户是否已注册。...,我首先确保用户没有登录,然后通过调用User类的令牌验证方法来确定用户是谁。...08 异步电子邮件 如果你正在使用Python提供的模拟电子邮件服务,可能没有注意到这一点,那就是发送电子邮件会大大减慢应用的速度,原因是发送电子邮件时所发生的和电子邮件服务的网络交互。...有了这个改变,电子邮件的发送将在线程中运行,并且当进程完成时,线程将结束并自行清理。 如果你已经配置了一个真正的电子邮件服务,当你按下密码重置请求表单上的提交按钮时,肯定会注意到访问速度的提升。

1.7K20

Angularjs基础(七)

禁用了使用浏览的默认验证。              实例解析           ng-app 指令定义了AngularJS 应用。           ...formCtrl 函数设置了mater 对象的初始值,并定义了reset()方法。           reset() 方法设置了user 对象等于master对象。           ...novalidate 属性应用中不是必须的,但是你需要在 AngularJS 表单使用,用于重写标准的 HTML5 验证。...AngularJS输入验证     AngularJS表单和控件可以验证输入的数据。 输入验证     AngularJS表单和控件可以提供验证功能,并对用户输入的非法数据惊醒警告。...模型对象有两个属性: user 和email     我们使用了ng-show指令,color:red 邮件是$dirty 或$invalid才显示     属性:       $dirty

2K70

登录

='password_reset_complete'] 设置模板路径 默认的登录视图函数渲染的是 registration/login.html 模板,因此需要在 templates/ 目录下新建一个...、渲染控件、渲染帮助信息等注册表单部分已经讲过,登录表单中只引入了一个新的东西:{{ form.non_field_errors }},这显示的同样是表单错误,但是显示表单错误是和具体的某个表单字段无关的...现在打开开发服务浏览输入 http://127.0.0.1:8000/users/login/,你将看到一个用户登陆表单。...image.png 故意使用一个不存在的账户登录,或者故意输错密码,你将看到表单渲染的非字段相关的错误。...你也许奇怪我们 index 视图中并没有传递 user 模板变量给 index.html,为什么可以模板中引用 user 呢?

3.8K50

ASP.NET验证控件学习总结与正则表达式学习入门

服务端检查是指将表单提交到服务服务上用服务端代码进行验证(如用C#或者VB.NET等),服务验证的优点是我们的验证规则对用户来说是一个黑匣子,比较难找出我们验证代码的漏洞,并且服务验证的代码编写起来相对客户端脚本要容易得多...属性而没有设置Text属性并且Display方式不为None时将会显示ErrorMessage属性的值。...当我们直接点击“提交”之后的效果: 一旦我们填写了用户名,并且选择一个省份而不是让“请选择”处于选中状态,那么这个表单就能提交到服务进行处理了。...现在我们填写表单,这里故意将结束时间设置得比开始时间早,并且参加人数中填写了一个“q”,下面是提交表单的效果: 从上面的效果我们可以得出下面的结论: (1)如果填写数据不能按照期望的数据类型进行转换时是不能通过验证的...这是如果我们将开始时间和结束时间的值互换,并且参加人数一栏填写大于0的整数时就能提交表单到服务进行处理。

2.5K30

IT课程 HTML基础 013_表单和用户输入

表单属性: action:定义表单数据提交到服务后的处理文件的 URL。 method:定义数据发送到服务使用的HTTP方法,常用的值有 “get” 和 “post”。...name: 用于指定表单的名称。表单名称用于标识表单,并在服务端处理表单数据时使用。 enctype:用于指定表单数据的编码方式。...autocomplete:用于指定是否启用表单的自动完成功能。如果设置为 on,则浏览将会自动填充表单中之前输入过的数据。 novalidate:用于指定是否验证表单数据。...如果设置为 on,则表单数据提交之前将不会进行验证。 form 表单本身并不可见。 文本字段 表单中,我们经常需要用户输入字母、数字等文本内容。...类型 属性 功能 使用场景 submit type="submit" 提交表单数据 提交登录表单、提交注册表单reset type="reset" 重置表单数据 重置搜索表单、重置购物车等 button

7410
领券