Parsley:按下提交以外的按钮时如何防止验证?

2024-01-02

感谢您的任何帮助。

我正在尝试使用欧芹进行表单验证。我的表单有一个提交按钮和一些其他按钮,用于动态向表单添加输入。但是当我按下这些其他按钮时,就会执行表单验证。但我没有提交任何表格。

当我按提交按钮以外的其他按钮时,如何防止发生表单验证?

抱歉,我不知道如何使用 JS Fiddle。我的代码如下:

<form method="post" action="confirm" data-parsley-validate>
    <input id="brand" data-parsley-trigger="submit" required />
    <button id="addQuantity">Add</button>
    <input type="number" required data-parsley-trigger="submit" />
    <input type="submit" value="Submit">
</form>

当我按“添加”时,表单将得到验证。我应该如何预防这种情况? 非常感谢。


HTML5 中引入的标签按钮相当于输入 type="submit",因此当您按下添加时,它将自动触发提交操作。您可以做的是将标签替换为 input type="button" 或者您可以像这样阻止 jquery 中的默认操作

 <script> 
   $('#addQuantity').click(function(event)
    {
       event.preventDefault();
       //do your action goes below
    });
 </script>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Parsley:按下提交以外的按钮时如何防止验证? 的相关文章

  • 如何在codeigniter中将上传图片比例限制为16:9?

    这是我用来上传图像的代码 this gt load gt library upload ext pathinfo file name PATHINFO EXTENSION img name now ext imgConfig upload
  • 在打字稿中导入 json

    我是 typescript 的新手 在我的项目中 我们使用 typescript2 在我的要求之一中 我需要导入 json 文件 所以我创建了 d ts 文件如下 test d ts declare module json const va
  • 调整图像大小并将画布旋转 90 度

    这里有很多关于在 js 上使用画布旋转图像的主题 我阅读了其中的大部分内容 但无法找到解决我的问题的方法 我正在接收任何分辨率的图像 来自上传组件 我将其大小调整为 1024x768 如下所示 var canvas document cre
  • Chrome 扩展程序在代码中使用 client_secret

    我正在开发具有自己的 oAuth 授权的 Google Chrome 扩展 当然 我必须使用 client id 和 client secret 作为请求令牌 有什么办法可以向用户隐藏这些数据吗 由于此请求只是 javascript 源代码
  • Firefox 不会在使用 jQuery AJAX 加载的内容上呈现 CSS 样式

    我有一个网站 允许用户对书籍和文章发表评论 主表单有一个搜索输入 用于查找相关书籍或文章 来源 我使用 jQuery 根据输入的搜索词从外部站点动态加载新源 然后还使用 AJAX 返回列表中的源 我有两个问题 现在 在用户输入四个字符后 j
  • window.location 和 location.href 之间的区别

    我对之间的区别感到困惑window location and location href 两者似乎都以相同的方式行事 有什么不同 window location是一个对象 它保存有关当前文档位置的所有信息 主机 href 端口 协议等 lo
  • 刷新页面时保存用户的选择

    我目前有一个页面显示不同团队的数据 我有一些数据 用户可以单击使其处于 打开 或 关闭 状态 并为每个数据显示不同的图标 它基本上就像一个清单 只是没有物理复选框 我想记住哪些 复选框 已被选中 即使在用户刷新页面或关闭浏览器并稍后返回之后
  • 将 UMD Javascript 模块导入浏览器

    你好 我正在对 RxJS 进行一些研究 我可以通过在浏览器中引用它来使用该库 如下所示 它使用全局对象命名空间变量 Rx 导入 我可以制作可观察的东西并做所有有趣的事情 当我将 src 更改为指向最新的 UMD 文件时 一切都会崩溃 如下所
  • Jquery一键提交多个同名表单

    我有动态创建的循环表单 我需要一键提交所有表单 我正在遵循下面的代码 你能建议我怎么做吗 谢谢
  • Vuejs 2:去抖动不适用于手表选项

    当我在 VueJs 中反跳此函数时 如果我提供毫秒数作为原语 它就可以正常工作 但是 如果我将其提供为对 prop 的引用 它会忽略它 这是道具的缩写版本 props debounce type Number default 500 这是不
  • 可以设置标题样式吗? (并且使用CSS或js?)[重复]

    这个问题在这里已经有答案了 我想知道是否可以设计一个title a href title This is a title Hello a 样式问题有两个方面 文本格式 编码 我猜这是可能的 所以在问题中这样做 工具提示样式 你能把它弄大一点
  • 代码镜像错误:未捕获错误:扩展集中无法识别扩展值([对象对象])

    全部 我目前正在从事一个React Electron项目 该项目的目标是完成一个Markdown编辑器 当我配置codemirror 该程序报告错误说 Uncaught Error Unrecognized extension value
  • 对于只触及我的工作表的 Google 表格脚本,收到“此应用程序未经验证”

    我正在编写一个 Google Sheets 脚本 我只想访问与 gs 文件关联的同一电子表格中的数据 似乎我应该有权在自己的电子表格中运行脚本 但是每当我运行一个函数时 我都会得到一个This app isn t verified信息 我该
  • 在 Javascript 中连接空数组

    我正在浏览一些代码 我想知道这有什么用处 grid push concat row 根据我的理解 它等同于 grid push row 为什么要大惊小怪 连接 你想使用 concat当您需要展平数组并且没有由其他数组组成的数组时 例如 va
  • 在 Shopify 商店中嵌入 Vue 组件

    在产品页面中 我尝试显示自定义 Vue 组件 为简洁起见 该组件根据给定的产品 ID 显示 Firebase 数据库中的一些信息 我最初尝试将其制作为 Shopify 应用程序 以便我可以访问他们的 API 我实现了 OAuth 并且可以检
  • 如何隐藏/禁用 Highcharts.js 中的图例框?

    我想问是否可以使用 HighCharts js 库隐藏图表中的所有图例框 var chart object chart renderTo render to type graph type colors graph colors title
  • 在 CKEditor 中设置字体大小和字体系列

    我正在使用 ckeditor 我想问一下这个插件如何设置font family和font size 我尝试过使用 CKEDITOR config font defaultLabel Arial CKEDITOR config fontSiz
  • JavaScript 相对路径

    在第一个 html 文件中 我使用了一个变量类别链接 var categoryLinks Career prospects http localhost Landa DirectManagers 511 HelenaChechik Dim0
  • 使用 MongoDB 和 Nodejs 插入和查询日期

    我需要一些帮助在 mongodb 和 nodejs 中按日期查找记录 我将日期添加到抓取脚本中的 json 对象 如下所示 jsonObj last updated new Date 该对象被插入到 mongodb 中 我可以看到如下 la
  • Jquery - 选择选项后如何获取选项的特定数据类型?

    我将直接跳到标记 然后解释我想要做什么 HTML 选择选项

随机推荐

  • 如何在汇编中访问 C 预处理器常量?

    如果我在我的中定义一个常量C h 文件 define constant 1 如何在程序集 s 文件中访问它 如果您使用 GNU 工具链 gcc 默认情况下将在具有以下内容的文件上运行预处理器 S扩展名 大写 S 因此您可以在程序集文件中使用
  • 如何查看 Python 应用程序发送的整个 HTTP 请求?

    就我而言 我正在使用requests通过 HTTPS 调用 PayPal API 的库 不幸的是 我收到来自 PayPal 的错误 而 PayPal 支持人员无法找出错误是什么或导致错误的原因 他们希望我 请提供整个请求 包括标头 我怎样才
  • Spring 在负载下会将对象刷新到磁盘吗?

    SonarQube 在我们的代码库中创建了一个问题 squid S1948 可序列化类中的字段本身必须是可序列化的或瞬态的 即使该类从未显式序列化或反序列化 这是因为在负载下 大多数 J2EE 应用程序框架都会将对象刷新到磁盘 而具有非瞬态
  • 有效存储棋局

    我已经阅读了大量与此问题相关的网络点击 但仍然没有找到任何明确的答案 我想做的是建立一个国际象棋棋局数据库 能够识别换位 通常是哪些棋子在哪些方格上 编辑 它还应该能够识别相似 但不完全相同 的位置 这是大约 20 年前的讨论 当时空间wa
  • 如何使用 AdaBoost 增强基于 Keras 的神经网络?

    假设我为二元分类问题拟合以下神经网络 model Sequential model add Dense 21 input dim 19 init uniform activation relu model add Dense 80 init
  • 语义 UI 动态下拉菜单

    语义用户界面下拉菜单出现问题 我一直在使用 Semantic Ui 并且想要动态更改下拉项 也就是说 当我从第一个下拉列表中选择值时 第二个下拉列表的项目将会更改 但问题是 当项目改变时 第二个下拉菜单无法选择 该值不会改变 下拉菜单不会折
  • PHP 是否有与 Rails 迁移相当的功能? [关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 PHP 是否有与 Rails 迁移相当的功能 寻找一个好的解决方案来在本地配置架构更改 然后自动将它们传送到服务器而不丢失数据 我的项目h
  • 查看 YouTube 视频的所有评论

    我正在尝试使用 Java 程序获取 YouTube 视频的所有评论 我无法得到它们 因为它有 显示更多 而不是所有评论 我正在寻找一种方法来获取我可以浏览的所有评论或评论页面 我有一个视频 ID 之类的东西 只需要评论 我已尝试在 URL
  • Chrome.tabs.executeScript - 选项卡未定义

    我正在尝试编写一个 chrome 扩展 其中有一个名为 btn3 的按钮 当我单击 Chrome 扩展程序 popup html 中的该按钮时 它将单击网页上的按钮 网页上的按钮具有以下 id regular secondary butto
  • ViewPager 具有同一类的多个片段实例

    我正在尝试创建一个包含 5 个片段的 ViewPager 5个片段 容器 因此每个片段包含2个片段 前 4 个片段具有相同的布局并且属于同一类 第五个是其他班的 那个班没有问题 问题是 当活动启动时 似乎只有 1 个片段在工作 viewPa
  • 为什么更改 .gwt.xml 文件中的“模块 -> 重命名为”属性会出现错误

    我可以通过自己创建所有文件来创建并运行一个简单的 GWT 应用程序 它工作正常 我能够看到正确的显示 我尝试玩弄代码来增强我的知识 我注意到的是 一旦我运行我的应用程序说模块重命名为 value 测试历史 效果很好 但在那之后如果我改变重命
  • Spark - 提交应用程序时出现错误“必须在您的配置中设置主 URL”

    我有一个 Spark 应用程序 在本地模式下运行没有问题 但在提交到 Spark 集群时遇到一些问题 错误信息如下 16 06 24 15 42 06 WARN scheduler TaskSetManager Lost task 2 0
  • python:模块没有属性 mechanize

    usr bin env python import mechanize mech mechanize Browser page br open SchoolRank KY Gives Traceback most recent call l
  • 如何通过 Intent 在 Android 中打开文件

    如何打开以前存储在 私有 文件系统中的文件 该文件正在由网络服务下载 并应存储在本地文件系统上 尝试通过意图 Action View 打开文件时出现 奇怪 错误 尽管该文件存在于文件系统中 在模拟器 Eclipse 的文件资源管理器中看到该
  • 如何获取导航抽屉中的项目以更改视图

    我想制作一个带有导航抽屉的简单应用程序 它可以打开其他视图 新闻 信息 图库 联系人等 所以我打开了最新的Android Studio 做了一个兼容API8 gt API19的新项目 以获得最大的覆盖范围 我选择了预设的导航抽屉并单击完成
  • 在 Windows 服务中使用 OWIN 托管 WebAPI

    我使用 OWIN 自托管 Web API 在 Windows 服务内 据我了解 这足以使 HTTP 请求到达 Windows 服务 我可以访问 WebAPI URL http localhost users 本地 来自同一台机器 但不是来自
  • Spring @Transactional Timeout 未按预期工作

    我有一个 JDBC 批量更新操作 可能需要很长时间 因此我使用事务超时来处理这个问题 Override Transactional propagation Propagation REQUIRES NEW timeout 10 public
  • Android布局:如何实现类似一副纸牌的UI?

    我需要实现一个类似于 Google Chrome 的选项卡堆栈的布局 如下所示 有可用的库吗 您需要为卡片的每个方面创建一组自定义可绘制对象 并在布局中使用它们 您可以使用表格布局来实现此目的 例如 要放置带角的背景 您可以创建一个可绘制对
  • 一阶逻辑引擎

    我想创建一个可以使用一阶逻辑进行简单推理的应用程序 谁能推荐一个可以接受任意数量的 FOL 表达式并允许查询这些表达式 最好通过 Python 访问 的 引擎 除非绝对必要 否则不要使用一阶逻辑 FOL 进行查询 一阶逻辑不可判定 而只是半
  • Parsley:按下提交以外的按钮时如何防止验证?

    感谢您的任何帮助 我正在尝试使用欧芹进行表单验证 我的表单有一个提交按钮和一些其他按钮 用于动态向表单添加输入 但是当我按下这些其他按钮时 就会执行表单验证 但我没有提交任何表格 当我按提交按钮以外的其他按钮时 如何防止发生表单验证 抱歉