rails5 form submit 按钮提交一次后不能再次点击问题

最新推荐文章于 2021-06-29 15:21:59 发布
最新推荐文章于 2021-06-29 15:21:59 发布
阅读量617 收藏
点赞数 1
CC 4.0 BY-SA版权
分类专栏： rails
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_29184489/article/details/80146118
本文介绍了解决Rails5中默认提交按钮被禁用的问题。通过修改特定按钮的属性或者全局配置，可以避免按钮在提交时被禁用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

原因：  例如： rails5默认 名为'name' 的submit 的input框内有属性 data-disable-with =“name”

针对一个按钮解决方法： <%=f.submit "name", data: {disable_with: false} %>, 

                即 添加属性 :   data-disable-with=false

全局解决办法：config.action_view.automatically_disable_submit_tag = false

rails上传文件时，实现form表单自动提交
yancheng的专栏
03-30 2516
rails项目中有一个上传图片的功能要实现，遇到了要点击上传图片和提交表单两个按钮，这样影响用户体验，所以就想找一种方式当点击上传图片按钮以后会自动提交form表单，而不用在点击表单的提交按钮了。 { :action => "create", :controller=>"photos" },:method => :post, :html => {:multipart => true}
Gravity-Forms--Disable-Submit:提交表单后，禁用“重力表单”表单中的“提交”按钮（例如，快十倍！！）。
05-15
重力形式-禁用提交 提交表单后，禁用“重力表单”表单中的“提交”按钮（例如，快十倍！！）。
表单点击提交按钮后变成灰色不可再次点击
xiaoxiaofang123的专栏
08-07 3376
网页特效代码|JsCode.CN|---表单点击提交按钮后变成灰色不可再次点击 http://www.baidu.com" target=_blank>
防止表单提交按钮多次提交的办法
freshlover的专栏
07-03 1万+
防止表单提交按钮多次提交的办法 如果表单是通过onsubmit进行Ajax提交，注意将表单提交按钮input type属性设为button，尽量不要设置为submit类型。 另外，在提交事件发出后，最好将提交按钮设置为disabled，防止由于网络延时问题，让用户有机会进行多次点击重复提交。 如果使用jQuery的话，只需要在onsubmit函数中的开始位置加一句：$("#subm
关于 submit 按钮的 onclick 验证事件，第一次验证失败，第二次 submit 按钮失效的原因解析...
weixin_30477797的博客
12-23 723
今天在做一个生成订单的简单验证页面 主要功能：实现点击提交按钮后，先在页面上用JavaScript验证信息是否输入完全，不完全不允许提交，待输入完全后，才可以提交 页面：如下页面，可以看到，当文本框有未填值的项，点击底部“去结算”按钮，文本框后面的图片会显示，提示有错，并且“去结算”按钮旁边也显示一段文字，提示有内容没有填写，不难看出，红叉图片和提示文字是同时存在的 但是这张图片里就出现...
rails submit
jamst
03-12 223
onClick改变js时间 "gift",:class=>"button" , :onClick => "document.myaccs.form_action.value='gift' "%> 做选项内容改变时触发事件 选择负责对象 cad_user=CadUser.find_or_create_by_na...
使用html form,Rails实现单选按钮
05-18
在 Rails 中实现单选按钮可以通过创建一个表单，使用 `radio_button_tag` 方法来创建单选按钮。以下是一个示例： ```ruby <%= form_tag '/submit', method: :post do %> , 'option1' %> , 'Option 1' %> ,...
Ruby-SimpleForm轻松处理Rails表单
08-15
在Ruby on Rails框架中，构建表单是一项常见的任务，而Simple Form gem就是为了简化这一过程而设计的。Simple Form是一款强大的表单构建器，它提供了一种简洁、直观的方式来创建复杂的表单，使得开发者能更专注于...
Rails表单构建神器：comfy-bootstrap-form使用教程
- 最后，使用form.submit来生成提交按钮。 - 这种方式简化了传统的Rails表单代码，使得表单的编写更为直观和简洁。 6. Bootstrap 4: - Bootstrap 4是流行的前端框架，提供了一套响应式、移动优先的前端组件和...
Rails中form_for的使用及其在宠物仓鼠社交网络编辑中的优势
为了解决这个问题，Rails提供了`form_for`辅助方法。 `form_for`是Rails中一个更为强大的表单构建器，专为模型对象设计。它可以根据传入的对象自动处理表单字段，仅包含变化的数据。这一点在编辑大量数据的表单时尤...
Ruby开发利器：SimpleForm简化Rails表单处理
在Web开发中，表单是获取用户输入的重要界面元素，而Ruby on Rails提供了一个强大的表单构建器Gem包，名为Simple Form。Simple Form简化了表单的创建过程，使得开发者能够更加便捷地处理表单的布局、验证和样式。 1...
rails使用html form,Rails submit html form in addition to model form
weixin_35665083的博客
06-29 139
I'm fairly new to rails with very small knowledge of javascript. That's the disclaimer :)I'm using simple form and haml in a rails app to create an instance of a model. The code is simple, and works ...
submit 按钮提交无效 点击无效果 不可用
热门推荐
jaylongli的专栏
11-21 2万+
        我的问题主要是，点击type="submit"的按钮没有作用，即是鼠标在上面点，不会发生提交，无任何响应。但是呢我先操作了一下该页面的其他按钮然后在点击该按钮又可以了。后来到网上看到一篇文章：http://blog.youkuaiyun.com/rushman/archive/2007/07/15/1693039.aspx  该文章虽然没有马上解决我的问题，但是在后面让我知道了问题所在
rails 多按钮表单
weixin_33918114的博客
11-07 188
在以往的rails应用中,表单一般都是一个create提交按钮.现在可以通过分析按钮背后的动作来添加按钮以实现其他功能:譬如,对于一个表单,既可以点击create创建,也可以点击preview预览下面是表单的代码:<p> <b>Title</b><br /> <%= f.text_fie...
Rails link_to 和 button_to 的区别
那些为成为程序员而做准备的岁月
07-24 1410
link_to   &   button_tolink_to 和 button_to 其实还是存在很大区别的，我们可以查看一下源代码。 源代码： https://github.com/rails/rails/blob/master/actionview/lib/action_view/helpers/url_helper.rbdef link_to(name = nil, options =
submit_tag居然有这个属性
08-20 218
[code="ruby"] # submit_tag "Edit", :disable_with => "Editing...", :class => "edit-button" # # => [/code] 不看不知道啊，这么方面的参数，哎。 其实Rails中很多地方都为我们想好了，另外你没有想好的地方，它也帮你想好了，我们却常常有着山寨的精神，却捣鼓...
rails中的form表单总结
babylon_0049的专栏
10-26 1671
Rails中两种不同的表单处理方式1.表单类型一                          请输入用户信息                             Name: 30      %>                                Password: 30 %>           
提交按钮点击后变灰色（不能再点），页面处理完毕后变为正常，避免重复提交
技术专栏
10-29 3095
这是一个很古董的问题，以前写程序呢，也不在意^_^，但软件有客户提出偶尔会出现重复提交的问题，此种情况基本都是出现在网速慢，客户等不及，而再次点击提交按钮的情况下，今儿找了段脚本，解决下，也算是对用户体验的一个提升吧．方法一(测试通过)Javascript  function disableBtn()     {         var ok=document.getEle
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值