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

parsley自定义验证器不在动态生成的字段上触发(通过ajax调用)

问题描述: 当使用parsley自定义验证器时,发现验证器不在动态生成的字段上触发(通过ajax调用)。

解决方案:

  1. 确保正确引入parsley库和相关依赖文件,并在页面中初始化parsley。
  2. 确保动态生成的字段在初始化parsley之前已经被添加到DOM中。
  3. 确保动态生成的字段具有正确的name和data-parsley-*属性,以便parsley能够识别和应用验证规则。
  4. 使用parsley的refresh()方法来更新验证器,以便它能够识别并应用到动态生成的字段上。例如:$('#form').parsley().refresh()
  5. 确保通过ajax调用动态生成字段时,将验证器应用到新生成的字段上。可以在ajax成功回调函数中手动调用refresh()方法。
  6. 如果以上步骤都没有解决问题,可以尝试使用parsley的destroy()方法销毁当前的parsley实例,并重新初始化。例如:$('#form').parsley().destroy()

注意事项:

  • 确保自定义验证器的代码正确无误,并且已经注册到parsley中。
  • 确保动态生成的字段的父元素已经被添加到DOM中,并且可见。
  • 确保动态生成的字段没有被其他脚本或插件修改或重置。

推荐的腾讯云相关产品: 腾讯云提供了一系列云计算产品,可以满足各种应用场景和需求。以下是一些相关产品的介绍:

  1. 云服务器(CVM):提供可扩展的计算能力,支持多种操作系统,适用于各种应用场景。详情请参考:云服务器产品介绍
  2. 云数据库 MySQL 版(CDB):提供高可用、可扩展的关系型数据库服务,适用于各种规模的应用。详情请参考:云数据库 MySQL 版产品介绍
  3. 云存储(COS):提供安全可靠的对象存储服务,适用于存储和管理各种类型的数据。详情请参考:云存储产品介绍
  4. 人工智能平台(AI Lab):提供丰富的人工智能服务和工具,包括图像识别、语音识别、自然语言处理等。详情请参考:人工智能平台产品介绍

请注意,以上推荐的产品仅为示例,腾讯云还提供了更多丰富的云计算产品和解决方案,可根据具体需求选择合适的产品。

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

相关·内容

如何对使用React和EMF parsley设计Web UI应用程序进行测试自动化

图片导语Web UI应用程序是指通过Web浏览访问应用程序,它们通常具有复杂用户界面和交互逻辑。...动态:Web UI应用程序可以根据用户操作或数据变化,动态地改变界面的内容和样式,提供丰富交互效果。...调用login对象click方法,点击登录按钮,触发登录操作。...如果相等,则测试通过;如果不相等,则测试失败,并抛出异常。调用driver对象quit方法,关闭无头浏览,并释放资源。...使用React和EMF parsley设计Web UI应用程序具有组件化、数据驱动和动态特点,可以利用HtmlUnitDriver和java等工具和框架进行测试自动化,希望本文对你有所帮助。

19120

.NET开发工程师常见面试题

Forms验证:ASP.NET通过Web表单,为每个用户创建一个用cookie保存身份验证票据,通过该票据验证用户身份。...Passport验证:由 Microsoft 提供集中身份验证服务,通过将每个用户信息提交给Passport 登录服务网站进行用户身份验证。 None验证自定义身份验证方式。...可以定义三种类型:INSERT触发、UPDATE触发、DELETE触发。after触发只能定义在表。...既可以在表定义instead of触发,也可以在视图上定义。  DDL触发:当数据库中发生数据定义语言 (DDL) 事件时将调用DDL触发。...ajax方法是jquery中发送Ajax请求最底层方法,可以完全自定义发送请求时相关参数。 手动实现Ajax请求步骤是什么?

5.5K30
  • Web端即时通讯基础知识补课:一文搞懂跨域所有问题!

    而在实际开发中,前后端常常是相互分离,并且前后端项目部署也常常不在一个服务内或者在一个服务不同端口下。前端想要获取后端数据,就必须发起请求,如果不做一些处理,就会受到浏览同源策略约束。...响应头含义如下所示: ? 请求方法为 PUT、DELETE AJAX 请求、发送 JSON 格式 AJAX 请求、带自定义 AJAX 请求都是非简单请求。...▲ JSONP动态生成script标签 在 Jquery 源码中打断点。 ?...▲ jquery动态生成script脚本 6.4 JSONP优缺点 JSONP优点:部署时不需要应用服务去进行额外配置,跟普通非跨域系统部署一模一样,没有特别的要求。...7.1 被调用方修改 被调用解决思路是在响应头中增加指定字段允许调用方服务跨域调用。 ?

    89330

    富Web应用架构与转化方法:Web应用系列第二篇

    丰富应用程序标志之一是缺少页面重新加载和减少页面导航。例如,您在表单输入数据,然后单击“提交”按钮。没有明显等待响应。这是因为是使用了Ajax技术将数据传输到服务并在后台接收响应。...页面上RichFaces组件充当服务发生事件侦听。 我们将审查基于CDI事件组件版本。 首先,必须从某个托管bean发布事件。...此标记声明每当调用dataavailable回调时,都会呈现包含成员列表数据表可折叠面板。 四、客户端验证 我们可以使用RichFaces使用Ajax支持字段验证。...每当用户选中一个字段时,就会进行验证,并显示任何消息,其中标签与具有for属性字段相关。 如果字段参与Ajax表单提交,则也会进行验证。...验证方法已添加到Invoice类中。 只要以“is”开头,可以将此方法命名为您喜欢任何方法。 我们应用了@AssertTrue验证注释,以便图形验证将找到此方法并在对象验证阶段调用它: ?

    3.5K20

    关于微信二次分享,描述变链接解决方法(一)----文档说明

    AMD/CMD 标准模块加载方法加载 2.3 步骤三:通过config接口注入权限验证配置 所有需要使用JS-SDK页面必须先注入配置信息,否则将无法调用(同一个url仅需调用一次,对于变化url...对于用户触发时才调用接口,则可以直接调用,不需要放在ready函数中。...确保你获取用来签名url是动态获取动态页面可参见实例代码中php实现方式。...(因为access_token和jsapi_ticket必须要在自己服务缓存,否则上线后会触发频率限制。...请确保一定对token和ticket做缓存以减少2次服务请求,不仅可以避免触发频率限制,还加快你们自己服务速度。

    2.9K20

    关于微信二次分享,描述变链接解决方法(一)----文档说明

    AMD/CMD 标准模块加载方法加载 2.3 步骤三:通过config接口注入权限验证配置 所有需要使用JS-SDK页面必须先注入配置信息,否则将无法调用(同一个url仅需调用一次,对于变化url...对于用户触发时才调用接口,则可以直接调用,不需要放在ready函数中。...确保你获取用来签名url是动态获取动态页面可参见实例代码中php实现方式。...(因为access_token和jsapi_ticket必须要在自己服务缓存,否则上线后会触发频率限制。...请确保一定对token和ticket做缓存以减少2次服务请求,不仅可以避免触发频率限制,还加快你们自己服务速度。

    4.3K70

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

    客户端验证在任何项目都是不可缺少,很多时候我们需要在用户提交到服务之前给予提示。表单验证库允许开发人员自定义样式、错误消息和样式以及简化验证规则创建。...它已经通过100%代码覆盖率单元测试,可以使用。validate.js目标是提供一种验证数据跨框架和跨语言方式。验证约束可以用JSON声明,并在客户端和服务之间共享。 ?...12、Parsleyjs 地址:http://parsleyjs.org/ Parsley是一个JavaScript表单验证库。它可以帮助您在将表单提交到您服务之前向用户提供有关其表单提交反馈。...这就是Parsley在这里原因:让您定义常规表单验证,在后端实现它,然后简单地将其移植到前端,同时最大程度地尊重用户体验最佳实践。 ?...该脚本附带了一堆预定义规则,但是如何验证表单中每个输入都由您决定。使用自定义功能,您可以连接脚本并提供自己验证规则和错误消息。 ?

    6K20

    Vue Ant Admin学习笔记,持续记录

    vue.config.js配置项详解 通过自定义webpack配置项externals防止将某些 import 包(package)打包到 bundle 中,而是在运行时(runtime)再去从外部获取这些扩展依赖...Mock.js 通过覆盖和模拟原生 XMLHttpRequest 行为来拦截 Ajax 请求,不依赖于第三方 Ajax 工具库。 Mock.mock(),根据规则拦截请求,并返回指定数据。...Mock.setup(),配置拦截 Ajax 请求时行为。 Mock.Random 是一个工具类,用于生成各种随机数据。...axios请求拦截验证token是否失效,响应拦截则是弹出错误,验证权限、退出登录,实际就是检查token cookie。...7.axios拦截和请求token token是在登录之后存到了cookie中,到期时间为json给时间,到期之后重新登录,axios请求时用调用拦截检测token是否过期。

    1.2K30

    爬虫与反爬虫博弈

    攻:针对这种情况,可通过使用代理服务解决。同时,爬虫设置下载延迟,每隔几次请求,切换一下所用代理IP地址。...攻:收集大量浏览 userAgent 即可。 场景四 防:网站对访问有频率限制,还设置验证码。增加验证码是一个既古老又相当有效果方法。能够让很多爬虫望风而逃。...攻:python+tesseract 验证码识别库模拟训练,或使用类似 tor 匿名中间件(广度遍历IP) 场景五 防:网站页面是动态页面,采用 Ajax 异步加载数据方式来呈现数据。...因为key参数是动态生成,每次都不一样,难以分析出其生成方法,使得无法构造对应http请求。 攻:采用 selenium+phantomJS 框架方式进行爬取。...调用浏览内核,并利用phantomJS 执行 js 来模拟人为操作以及触发页面中js脚本。

    1.5K21

    对于跨站伪造请求(CSRF)理解和总结

    请求来源限制——验证 HTTP Referer 字段 方法:在HTTP请求头中有一个字段叫Referer,它记录了请求来源地址。...基本思路如下: 服务随机产生token(比如把cookiehash化生成),存在session中,放在cookie中或者以ajax形式交给前端。...(可以通过框架和库解决) 曲线救国——在HTTP头中自定义属性并验证 方法:这种方法也是使用token并进行验证,和一种方法不同是把它放到HTTP头中自定义属性里。...优点: 这样解决了种方法在请求中加入 token 不便 通过 XMLHttpRequest 请求地址不会被记录到浏览地址栏,安全性较高 缺点: 局限性非常大:XMLHttpRequest请求通常用于...Ajax,并非所有的请求都适合用这个类来发起,而且通过该类请求得到页面不能被浏览所记录下,造成不便。

    77330

    或许是市面上最强 Mock 工具

    提供了以下模拟功能:根据数据模板生成模拟数据模拟 Ajax 请求,生成并返回模拟数据基于 HTML 模板生成模拟数据在 Mac 打开命令行终端,输入安装命令**:** npm install mockjs...每次刷新浏览,都会 name 字段都会返回随机字符串,达到了每个 Mock 调用返回参数均有随机数据效果。高级 Mock特点:配置不同请求参数,以获得不同返回数据。...可是使用动态 Javascript 通过代码生成返回数据时,JavaScript是一种支持面向对象编程、命令式编程和函数式编程网页开发客户端脚本语言,可以使用编写 Javascript 代码方式,并使用...你可以通过智能自定义 Mock 配置,使得你在文档中编写某个字段名后,系统自动填入对应 Mock 规则。实现字段 Mock 规则一次配置,永久复用。大大提高了工作效率,让您在工作中游刃有余。...把 Mock 规则和字段匹配规则预先自定义好,然后后续可以在实际使用时候,填写对应字段名可以输出对应 Mock 规则。比如:@ctitle: 随机生成一句中文标题。

    1K30

    一篇了解爬虫技术方方面面

    User-Agent 后台通常会通过字段判断用户设备类型、系统以及浏览型号版本。有些编程语言包里网络请求会自定义User-Agent,可以被辨别出来,爬虫中可以设置为浏览ua....自定义字段 因为httpheaders可以自定义地段,所以第三方可能会加入了一些自定义字段名称或者字段值,这也是需要注意。 流程控制 所谓爬取流程,就是按照什么样规则顺序去爬。...我们在浏览中看到网页已不全是html文档说包含,很多都是通过javascript动态生成,一般来说,我们最终眼里看到网页包括以下三种: Html文档本身包含内容 这种情况是最容易解决,一般来讲基本是静态网页已经写死内容...,或者动态网页,采用模板渲染,浏览获取到HTML时候已经是包含所有的关键信息,所以直接在网页看到内容都可以通过特定HTML标签得到。...目前主要应对方案就是对于js ajax/fetch请求直接请求ajax/fetchurl ,但是还有一些ajax请求参数会依赖一段javascript动态生成,比如一个请求签名,再比如用户登陆时对密码加密等等

    1.4K20

    一篇了解爬虫技术方方面面

    User-Agent 后台通常会通过字段判断用户设备类型、系统以及浏览型号版本。有些编程语言包里网络请求会自定义User-Agent,可以被辨别出来,爬虫中可以设置为浏览ua....自定义字段 因为httpheaders可以自定义地段,所以第三方可能会加入了一些自定义字段名称或者字段值,这也是需要注意。 流程控制 所谓爬取流程,就是按照什么样规则顺序去爬。...我们在浏览中看到网页已不全是html文档说包含,很多都是通过javascript动态生成,一般来说,我们最终眼里看到网页包括以下三种: Html文档本身包含内容 这种情况是最容易解决,一般来讲基本是静态网页已经写死内容...,或者动态网页,采用模板渲染,浏览获取到HTML时候已经是包含所有的关键信息,所以直接在网页看到内容都可以通过特定HTML标签得到。...目前主要应对方案就是对于js ajax/fetch请求直接请求ajax/fetchurl ,但是还有一些ajax请求参数会依赖一段javascript动态生成,比如一个请求签名,再比如用户登陆时对密码加密等等

    92540

    一篇了解爬虫技术方方面面

    User-Agent 后台通常会通过字段判断用户设备类型、系统以及浏览型号版本。有些编程语言包里网络请求会自定义User-Agent,可以被辨别出来,爬虫中可以设置为浏览ua....自定义字段 因为httpheaders可以自定义地段,所以第三方可能会加入了一些自定义字段名称或者字段值,这也是需要注意。 流程控制 所谓爬取流程,就是按照什么样规则顺序去爬。...我们在浏览中看到网页已不全是html文档说包含,很多都是通过javascript动态生成,一般来说,我们最终眼里看到网页包括以下三种: Html文档本身包含内容 这种情况是最容易解决,一般来讲基本是静态网页已经写死内容...,或者动态网页,采用模板渲染,浏览获取到HTML时候已经是包含所有的关键信息,所以直接在网页看到内容都可以通过特定HTML标签得到。...目前主要应对方案就是对于js ajax/fetch请求直接请求ajax/fetchurl ,但是还有一些ajax请求参数会依赖一段javascript动态生成,比如一个请求签名,再比如用户登陆时对密码加密等等

    1.2K90

    Java学习记录--委派模型与类加载

    (这种加载方式也是动态代理实现基础,直接从内存中生成class二进制流制造出来一个类) findClass 自定义规则时复写方法,通常与defineClass一起使用,找到一个class文件,然后...准备阶段主要是为静态字段分配内存,以及一些额外预处理, 解析阶段主要是把编译期生成符号引用变成转换为实际引用,所谓符号引用是由于编译期无法确定其他类是否被加载,因此当该类使用外部类字段或者方法时...,是预先生成符号引用存放在Class文件常量池中,如果对应符号引用类还未被加载,那么会触发其加载流程,但不一定会触发其解析流程。...另外JVM规定以下情况会触发初始化: 虚拟机启动时初始化用户主类 使用new指令时,初始化对应调用静态方法时,初始化静态方法所在调用静态字段时,初始化静态字段所在类 子类初始化会触发父类初始化...是由C++实现JVM内部加载工具,其没有对应Java对象,因此不在这个委派体系中,类加载本质是装饰者模式组合思想应用.

    60970

    Ajax 跨域

    当浏览检测到跨域 Ajax 请求时,就会自动做出一些处理,使得请求能够跨域 跨域 Ajax 请求分为两种: 简单请求: 请求方法为 HEAD、POST、GET 之一 HTTP 头字段只有 Accept...,一个跨域 Ajax 请求处理流程如下: 浏览自动在本次请求 HTTP 头中添加 Origin 字段,表示这次请求来自域 服务根据 Origin 字段判断这一次请求是否在许可范围内: 如果不在...只有请求 HTTP 头 Origin 与该字段同源时,浏览才会认为这一次跨域 Ajax 请求成功了 Access-Control-Allow-Credentials: 这个字段标识服务允许 Cookie...HTTP 响应中也带上 Access-Control-Allow-Origin,浏览会再一次校验这一字段 可见 CORS 标准本身并不复杂,其核心是 服务和浏览验证域是否被允许 JSONP JSONP...接下来可以设想一下,假设服务对于 src 指向 url 处理并不是返回一个静态文件,而是动态地组合出一段文本,这段文本一上面给形式返回,里面的参数由服务动态生成,而调用函数则是前端约定好函数

    50810

    类加载

    , 只有直接定义这个字段类才会被初始化,因此,通过其子类来引用父类中定义静态字段,只会触发父类初始化而不会触发子类初始化 Java虚拟机启动时被标明为启动类类(Java Test),直接使用java.exe...命令来运行某个主类 被动使用,不在主动使用六种以内都是被动 1.如通过子类引用父类静态字段,为子类被动使用,不会导致子类初始化 2.通过数组定义类引用类,为类被动使用,不会触发此类初始化 2.1...等),则为[I(int类型)、[F(float类型)等 3.常量在编译阶段会存入调用方法所在常量池中,本质没有直接引用到定义常量类,因此不会触发定义常量初始化 /** * 主动 被动使用问题测试...通过子类引用父类静态字段,只会触发父类初始化,而不会触发子类初始化。...因为Java中提供默认ClassLoader,只加载指定目录下jar和class,如果我们想加载其它位置类或jar时,比如:我要加载网络一个class文件,通过动态加载到内存之后,要调用这个类中方法实现业务逻辑

    48730

    反爬虫常见策略总结

    采用公钥锁定时,网站会提供已授权公钥哈希列表,指示客户端在后续通讯中只接受列表公钥。提取证书中公钥并内置到客户端中,通过与服务对比公钥值来验证连接正确性。...而字典格式中位置其实是随机分配自定义客户端刷新,对header取指纹或字段顺序检测即可实现鉴别 “绕过方案或思想:保持会话一致 ” 参数校验 通常字段不仅在header中校验还经常在请求参数中,如sgin...AJax JS设置关键参数(含二次刷新删除源文件跳转页面) 验证码 识别点选或输入型 滑轨、滑块型 计算型 空值补齐型 空间推理型 短信或语音验证型 风控 范围极大极广,简而言之,用户行为、运行环境等是否合理...当然也可以使用渲染工具模拟,此方案在此便不在过多赘述。 代码混淆是增加分析难度而牺牲部分性能一种方案,此方案大部分是体现在通过逻辑转换换等方式将代码转化为难以分析代码。...然而LLVM 本身并不是一个完整编译,LLVM 是一个编译基础架构,把很多编译需要功能以可调用模块形式实现出来并包装成库,其他编译实现者可以根据自己需要使用或扩展,主要聚焦于编译后端功能

    1.8K41

    Php面试问题_php面试常问面试题

    /json数据类型 success :当Ajax状态码为4且响应状态码为200时所触发回调函数 type :发送http请求,可以是get,也可以是post url :请求url地址 3、什么时候用同步请求...JS客户端验证验证 手机号限制短信条数(计数) (一)增加图形验证 恶意攻击者采用自动化工具,调用动态短信获取”接口进行动态短信发送,原因主要是攻击者可以自动对接口进行大量调用。...采用图片验证码可有效防止工具自动化调用,即当用户进行“获取动态短信” 操作前,弹出图片验证码,要求用户输入验证码后,服务端再发送动态短信到用户手机上,该方法可有效解决短信轰炸问题。...安全图形验证码必须满足如下防护要求 – 生成过程安全:图片验证码必须在服务端进行产生与校验; – 使用过程安全:单次有效,且以用户验证请求为准; – 验证码自身安全:不易被识别工具识别,能有效防止暴力激活成功教程...图形验证示例: (二)单IP请求次数限制 使用了图片验证码后,能防止攻击者有效进行“动态短信”功能自动化调用; 但若攻击者忽略图片验证验证错误情况,大量执行请求会给服务带来额外负担,影响业务使用

    1.4K10
    领券