问题标签 [jquery-dirtyforms]

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 回答
89 浏览

javascript - DirtyForms 不适用于输入隐藏字段

我在表单中添加了dirtyForms,以检测输入字段之一的任何更改https://github.com/snikch/jquery.dirtyforms

HTML

Javascript

然而对于 input hidden 似乎它没有添加脏类,它只适用于input type="text". 关于如何解决这个问题的任何想法?

0 投票
0 回答
19 浏览

javascript - JQuery DirtyForms 和 Bootstrap 导航选项卡

我的页面包含多个选项卡中的多个表单。选项卡是使用引导导航 ( https://getbootstrap.com/docs/4.0/components/navs/ ) 实现的。当我单击选项卡锚时(例如 <a href="#divTab1" class="nav-link" ..),未激活脏表单对话框。为什么 ?

我的最终目标是让dirtyforms 检测选项卡的脏状态并弹出对话框。如果最终用户决定继续,我将在切换到新标签之前清理离开标签的脏状态。

我已经尝试了在这里找到的答案,并且部分完成了这项工作,但是每次单击任何选项卡时都会弹出对话框。

环境:

  • 脏表格 V2.0
  • Dirtyform Dialog Bootstrap V2,0
  • 引导程序 V4.6
  • jQuery V3.5.1

提前致谢

0 投票
1 回答
100 浏览

javascript - 在关闭页面之前提醒用户页面上未保存的更改。Rails 6. 更新

更新为使用更智能的实现(或至少更简洁)。这将使大多数评论变得无关紧要,但感谢您的评论。

如何在关闭页面之前提醒用户页面上未保存的更改。导轨 6。

AreYouSure通过添加yarn add areyousure

相关在application.js

/edit.html.erbdata-areyousure添加到 div 周围的形式

这甚至不允许对表单进行任何更改。只要您在表单中单击,编辑页面就会更新为Are you sure? Yes | No。不是弹窗。

在github页面上没有看到太多活动。

演示( github 上的链接已失效)。也尝试过脏表格。有其他问题。好像我和 AreYouSure 更亲近了